:root{--bg0:#0a0a1a;--bg1:#12122a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg0);color:#fff;font-family:system-ui,-apple-system,sans-serif;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1a}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;transition:all .3s}.glass-card:hover{border-color:#00d4ff4d;box-shadow:0 20px 60px #00d4ff1a}.gradient-text{background:linear-gradient(135deg,#00d4ff 0%,#7c5cfc 50%,#ff6b9d 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;background:linear-gradient(135deg,#00d4ff,#7c5cfc);border-radius:999px;align-items:center;gap:12px;padding:16px 40px;font-size:18px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 40px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 50px #00d4ff66}.btn-secondary{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:12px;padding:16px 40px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.glow{box-shadow:0 0 60px #7c5cfc33}.magnetic{transition:transform .2s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg0)}::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#7c5cfc);border-radius:10px}