@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --bg: #050810;
  --bg-2: #070c17;
  --bg-card: rgba(255,255,255,0.03);
  --bg-card-hover: rgba(255,255,255,0.055);
  --border: rgba(255,255,255,0.07);
  --border-blue: rgba(99,179,237,0.35);
  --blue: #63b3ed;
  --blue-v: #4299e1;
  --blue-dim: rgba(99,179,237,0.1);
  --teal: #4fd1c5;
  --purple: #b794f4;
  --pink: #f687b3;
  --green: #68d391;
  --amber: #f6ad55;
  --red: #fc8181;
  --text: #e2e8f0;
  --text-2: #8a97ab;
  --text-3: #4a5568;
  --font: 'Space Grotesk','Inter',sans-serif;
  --ease: cubic-bezier(0.4,0,0.2,1);
}

*,*::before,*::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:var(--font); background:var(--bg); color:var(--text); overflow-x:hidden; line-height:1.7; }

#stars { position:fixed; inset:0; z-index:0; pointer-events:none; }
.cglow { position:fixed; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle,rgba(99,179,237,0.065) 0%,rgba(79,209,197,0.03) 32%,transparent 70%); pointer-events:none; z-index:1; transform:translate(-50%,-50%); transition:left .1s,top .1s; }

.page-aurora { position:fixed; inset:0; z-index:0; pointer-events:none; background:radial-gradient(ellipse 70% 50% at 8% 30%,rgba(99,179,237,.07) 0%,transparent 58%),radial-gradient(ellipse 50% 60% at 88% 20%,rgba(183,148,244,.05) 0%,transparent 55%),radial-gradient(ellipse 45% 45% at 60% 95%,rgba(79,209,197,.04) 0%,transparent 60%); }

@keyframes breathe { 0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(1.5);opacity:.6;} }
@keyframes aur { 0%{opacity:.7;transform:scale(1);} 100%{opacity:1;transform:scale(1.06) rotate(.8deg);} }

.rv { opacity:0; transform:translateY(30px); transition:opacity .65s var(--ease),transform .65s var(--ease); }
.rv.on { opacity:1; transform:translateY(0); }
.d1 { transition-delay:.1s; }
.d2 { transition-delay:.2s; }
.d3 { transition-delay:.3s; }
.d4 { transition-delay:.4s; }

.stag { display:inline-block; font-size:11px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--blue); margin-bottom:14px; padding:4px 12px; background:rgba(99,179,237,.08); border-radius:100px; border:1px solid rgba(99,179,237,.15); }
.sh { font-size:clamp(30px,4vw,50px); font-weight:800; letter-spacing:-1.5px; color:#fff; line-height:1.1; margin-bottom:14px; }
.sh span { background:linear-gradient(135deg,var(--blue),var(--teal)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.ss { font-size:16px; color:var(--text-2); max-width:520px; line-height:1.75; margin-bottom:52px; }