:root{--foreground-rgb:255,255,255;--background-start-rgb:10,10,15;--background-end-rgb:20,20,35;--accent-color:#00d2ff;--secondary-accent:#3a7bd5}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));margin:0;font-family:Outfit,sans-serif;min-height:100vh;overflow-x:hidden}.glass-card{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.3);border-color:var(--accent-color)}.glow-text{text-shadow:0 0 10px rgba(0,210,255,.5)}.gradient-btn{background:linear-gradient(45deg,var(--accent-color),var(--secondary-accent));border:none;padding:12px 24px;border-radius:30px;color:#fff;font-weight:600;cursor:pointer;transition:opacity .3s}.gradient-btn:hover{opacity:.9}