:root{--blue: #00c9ff;--blue-deep: #0090c4;--ink: #161616;--paper: #ffffff;--paper-2: rgba(255, 255, 255, .62);--paper-3: rgba(255, 255, 255, .38);--bg: #161616;--bg-2: #0d0d0d;--card: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .12);--font-display: "Michroma", system-ui, sans-serif;--font-body: "Geist", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{min-height:100svh;background:radial-gradient(120% 90% at 50% -10%,#1c1c1c 0%,var(--bg) 45%,var(--bg-2) 100%);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;display:grid;place-items:center;overflow-x:hidden;overflow-y:auto;position:relative}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:5}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.ribbon{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;opacity:.55}.ribbon-float{transform-origin:50% 50%;animation:drift 26s ease-in-out infinite}.band{fill:none;stroke-linecap:round;stroke-width:26;stroke-dasharray:1500 4000;mix-blend-mode:screen}.band--blue{stroke:var(--blue);animation:flow 18s linear infinite}.band--thin{stroke:var(--blue);stroke-width:10;opacity:.55;animation:flow 22s linear infinite reverse}.band--deep{stroke:var(--blue-deep);stroke-width:34;opacity:.7;animation:flow 30s linear infinite}@keyframes flow{to{stroke-dashoffset:-5500}}@keyframes drift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-22px,0) rotate(-1.2deg)}}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.35}.orb--1{width:38vmax;height:38vmax;left:-10vmax;top:-12vmax;background:radial-gradient(circle at 30% 30%,var(--blue),transparent 68%);animation:float1 24s ease-in-out infinite}.orb--2{width:32vmax;height:32vmax;right:-8vmax;bottom:-12vmax;background:radial-gradient(circle at 60% 60%,var(--blue-deep),transparent 68%);animation:float2 28s ease-in-out infinite}@keyframes float1{0%,to{transform:translate(0)}50%{transform:translate(30px,24px)}}@keyframes float2{0%,to{transform:translate(0)}50%{transform:translate(-26px,-20px)}}.stage{position:relative;z-index:10;width:min(680px,92vw);padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:26px}.card{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:44px clamp(24px,5vw,56px) 44px;background:var(--card);border:1px solid var(--line);border-radius:28px;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px #ffffff0f inset,0 30px 70px -36px #000000e6}.logo{width:clamp(220px,46vw,320px);height:auto;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.status{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;font-family:var(--font-display);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--paper-2);animation:rise .9s .05s cubic-bezier(.2,.8,.2,1) both}.status__dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 #00c9ff80;animation:pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #00c9ff73}70%{box-shadow:0 0 0 9px #00c9ff00}to{box-shadow:0 0 #00c9ff00}}.title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(21px,3.8vw,34px);line-height:1.28;letter-spacing:-.005em;animation:rise .9s .1s cubic-bezier(.2,.8,.2,1) both}.title__accent{color:var(--blue)}.lede{margin:0;max-width:46ch;font-size:clamp(15px,2.2vw,18px);line-height:1.65;color:var(--paper-2);text-wrap:pretty;animation:rise .9s .15s cubic-bezier(.2,.8,.2,1) both}.actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4px;animation:rise .9s .2s cubic-bezier(.2,.8,.2,1) both}.btn{display:inline-flex;align-items:center;gap:14px;padding:10px 12px 10px 22px;border-radius:999px;background:var(--blue);color:var(--ink);text-decoration:none;font-family:var(--font-display);font-size:12px;letter-spacing:.04em;text-transform:uppercase;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;box-shadow:0 12px 30px -14px #00c9ffcc}.btn__mail{padding:8px 16px;border-radius:999px;font-family:var(--font-body);font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;background:var(--ink);color:var(--paper)}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px #00c9ffe6}.btn:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.actions__note{margin:0;font-size:13px;color:var(--paper-3)}.foot{display:inline-flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.04em;color:var(--paper-3)}.foot__mark{width:62px;height:auto;opacity:.9}.foot__sep{width:5px;height:5px;border-radius:50%;background:var(--blue)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 540px){.btn{flex-direction:column;gap:10px;padding:16px}.stage{gap:26px}}@media (prefers-reduced-motion: reduce){.ribbon-float,.band,.orb,.logo,.status,.title,.lede,.actions,.status__dot{animation:none!important}}
