:root{--bg1:#0f1020;--bg2:#121433;--fg:#e6e9ff;--muted:#9aa3ff;--accent1:#7c3aed;--accent2:#22d3ee;--accent3:#f472b6;--glass:rgba(255,255,255,.06);--glass-stroke:rgba(255,255,255,.15);--shadow:0 10px 35px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body{height:100%}body{color:var(--fg);background:radial-gradient(1200px 800px at 80% -10%,rgba(124,58,237,.35),transparent 60%),radial-gradient(1000px 700px at -10% 20%,rgba(34,211,238,.25),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg2));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:0;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'>  <filter id='n'><feTurbulence baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/></filter>  <rect width='100%' height='100%' filter='url(#n)' opacity='0.05'/></svg>");position:fixed;top:0;bottom:0;left:0;right:0}.blobs{pointer-events:none;z-index:0;filter:blur(30px)saturate(120%);height:60vh;position:fixed;top:-10%;bottom:auto;left:-10%;right:-10%}.blob{opacity:.55;mix-blend-mode:screen;border-radius:55% 45% 60% 40%/40% 60% 35% 65%;animation:14s ease-in-out infinite float;position:absolute}.blob--1{background:radial-gradient(circle at 30% 30%,var(--accent1),transparent 60%);width:40vmax;height:40vmax;animation-delay:0s;top:-10%;left:-5%}.blob--2{background:radial-gradient(circle at 60% 40%,var(--accent2),transparent 60%);width:35vmax;height:35vmax;animation-delay:3s;top:-5%;right:-8%}.blob--3{background:radial-gradient(circle at 40% 60%,var(--accent3),transparent 60%);width:28vmax;height:28vmax;animation-delay:6s;top:10%;left:20%}@keyframes float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-15px)rotate(6deg)}}.hero{z-index:1;place-items:center;min-height:86vh;padding:max(24px,min(4vw,64px));display:grid;position:relative}.stack{text-align:center;justify-items:center;gap:28px;width:100%;max-width:1100px;display:grid}.badge{border:1px solid var(--glass-stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);color:#eaf2ff;background:linear-gradient(to bottom right,rgba(124,58,237,.22),rgba(34,211,238,.18));border-radius:999px;place-items:center;gap:6px;padding:8px 14px;font-size:.9rem;display:inline-grid}h1{letter-spacing:.2px;text-shadow:0 10px 30px rgba(124,58,237,.35);margin:0;font-size:max(2.2rem,min(5.2vw,4.4rem));line-height:1.05}.lead{color:var(--muted);max-width:70ch;font-size:max(1.05rem,min(1.6vw,1.25rem))}.card{background:var(--glass);border:1px solid var(--glass-stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:18px;gap:18px;padding:22px;display:grid}.cta{color:#fff;letter-spacing:.2px;background:radial-gradient(120% 180% at 10% 10%,rgba(124,58,237,.55),transparent 60%),radial-gradient(120% 160% at 100% 100%,rgba(34,211,238,.55),transparent 60%),linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px 20px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-block;transform:translateZ(0);box-shadow:0 10px 30px rgba(34,211,238,.25),0 10px 30px rgba(124,58,237,.22)}.cta:hover{filter:saturate(115%);transform:translateY(-2px)scale(1.01)}.cta:active{transform:translateY(0)}.links{opacity:.9}.links a{color:#dbe7ff;opacity:.9}.links a:hover{opacity:1;text-decoration:underline}.tilt{perspective:900px}.tilt .tilt-inner{will-change:transform;transition:transform .12s ease-out;transform:rotateX(0)rotateY(0)translateZ(0)}
