:root{--foreground:#f7fbff;--muted:#bed2e8;--accent:#00b8ff;--accent-strong:#7c3aed;--brand-warm:#ff8a3d;--panel:#07102185;--panel-border:#c6e7ff3d}*{box-sizing:border-box}html,body{min-height:100%}html{background:#050914}body{color:var(--foreground);background:radial-gradient(circle at 12% 20%,#00b8ff42,#0000 28rem),radial-gradient(circle at 86% 12%,#7c3aed47,#0000 30rem),linear-gradient(140deg,#050914 0%,#071426 45%,#10122e 100%);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}a,button{font:inherit}.page{place-items:center;min-height:100vh;padding:2rem;display:grid;position:relative;overflow:hidden}.page:before{z-index:1;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:4rem 4rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.lava-background{z-index:0;filter:blur(22px)saturate(1.55);opacity:.95;animation:28s ease-in-out infinite alternate lava-drift;position:absolute;inset:-20%}.blob{mix-blend-mode:screen;border-radius:999px;animation:12s ease-in-out infinite alternate float,9s ease-in-out infinite pulse;display:block;position:absolute;transform:translate(0,0)}.blob-one{background:radial-gradient(circle,#00b8ffe6,#0000 68%);width:34rem;height:34rem;top:8%;left:6%}.blob-two{background:radial-gradient(circle,#7c3aedd1,#0000 68%);width:42rem;height:42rem;animation-duration:15s,11s;animation-delay:-7s;bottom:2%;right:2%}.blob-three{background:radial-gradient(circle,#22d3eed1,#0000 66%);width:28rem;height:28rem;animation-duration:10s,8s;animation-delay:-3s;top:4%;right:18%}.blob-four{background:radial-gradient(circle,#ff8a3d94,#0000 68%);width:24rem;height:24rem;animation-duration:17s,10s;animation-delay:-11s;bottom:8%;left:30%}.hero{z-index:2;border:1px solid var(--panel-border);background:linear-gradient(145deg, #ffffff21, #ffffff0a), var(--panel);text-align:left;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);border-radius:2.5rem;width:min(100%,54rem);padding:clamp(2rem,6vw,4rem);position:relative;box-shadow:0 2rem 7rem #1008197a,inset 0 1px #ffffff24}.hero:before{z-index:-1;border-radius:inherit;content:"";background:radial-gradient(circle at 50% 0,#00b8ff29,#0000 34rem);position:absolute;inset:1px}.logo{object-fit:contain;width:min(12rem,56vw);height:auto;margin-bottom:2.5rem}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 1rem;font-size:.85rem;font-weight:700}h1{letter-spacing:-.045em;text-wrap:balance;max-width:15ch;margin:0;font-size:clamp(2.85rem,7vw,5.75rem);font-weight:750;line-height:1.02}.intro{max-width:42rem;color:var(--muted);margin:1.75rem 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.actions{flex-wrap:wrap;align-items:center;gap:1rem 1.25rem;margin-top:2rem;display:flex}.cta{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#f7fbff;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 1.4rem;font-weight:800;text-decoration:none;transition:box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1rem 2.5rem #00b8ff47}.cta:hover{transform:translateY(-1px);box-shadow:0 1.25rem 3rem #00b8ff6b}.note{color:#f6f8fbb8;margin:0;font-size:.95rem}@keyframes float{0%{border-radius:45% 55% 62% 38%/42% 44% 56% 58%;transform:translate(-8%,-6%)rotate(-8deg)scale(.95)}28%{border-radius:60% 40% 44% 56%/36% 54% 46% 64%;transform:translate(12%,-2%)rotate(7deg)scale(1.1)}50%{border-radius:58% 42% 35% 65%/48% 61% 39% 52%;transform:translate(16%,9%)rotate(14deg)scale(1.18)}72%{border-radius:34% 66% 62% 38%/58% 38% 62% 42%;transform:translate(-10%,14%)rotate(-10deg)scale(1.04)}to{border-radius:38% 62% 48% 52%/58% 39% 61% 42%;transform:translate(6%,18%)rotate(5deg)scale(.9)}}@keyframes pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes lava-drift{0%{transform:translate(-2%,-1%)rotate(0)scale(1)}to{transform:translate(2%,1%)rotate(4deg)scale(1.06)}}@media (max-width:42rem){.page{padding:1rem}.hero{text-align:center;border-radius:1.5rem}.logo{width:min(10.5rem,62vw)}h1,.intro{margin-left:auto;margin-right:auto}.actions{justify-content:center}.cta{width:100%}}@media (prefers-reduced-motion:reduce){.lava-background,.blob{animation:none}}