:root{--violet: #8a00ff;--blue: #005cea;--cyan: #00b4ea;--grad: linear-gradient(120deg, var(--violet), var(--blue) 55%, var(--cyan));--ink: #0a0a18;--muted: #6b6b80}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}.page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden}.blob{position:fixed;border-radius:50%;filter:blur(80px);opacity:.45;pointer-events:none;transition:transform .5s cubic-bezier(.2,.8,.2,1);will-change:transform}.b1{width:45vw;height:45vw;background:radial-gradient(circle,rgba(138,0,255,.6),transparent 65%);top:-8vw;left:-6vw}.b2{width:42vw;height:42vw;background:radial-gradient(circle,rgba(0,180,234,.6),transparent 65%);bottom:-10vw;right:-8vw}.b3{width:36vw;height:36vw;background:radial-gradient(circle,rgba(0,92,234,.5),transparent 65%);top:30vh;left:35vw}.pixels{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hero{position:relative;z-index:3;text-align:center;padding:24px;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.logo-stage{perspective:900px;margin-bottom:30px;position:relative;display:inline-grid;place-items:center;width:200px;height:200px}.logo{width:130px;height:130px;cursor:pointer;position:relative;z-index:1;will-change:transform,opacity,filter,scale;animation:float 5s ease-in-out infinite;opacity:0;scale:.55;filter:blur(16px) drop-shadow(0 20px 40px rgba(0,92,234,0));transition:transform .2s cubic-bezier(.2,.8,.2,1),opacity 1.4s ease,scale 1.6s cubic-bezier(.2,.9,.2,1),filter 1.4s ease}.logo-stage:hover .logo{opacity:1;scale:1;filter:blur(0) drop-shadow(0 20px 40px rgba(0,92,234,.3))}.logo-hint{position:absolute;width:120px;height:120px;border-radius:50%;border:1.5px dashed rgba(0,92,234,.16);opacity:1;transition:opacity .35s ease;pointer-events:none;animation:hint-pulse 2.6s ease-in-out infinite}.logo-stage:hover .logo-hint{opacity:0}@keyframes hint-pulse{0%,to{transform:scale(.92);opacity:.25}50%{transform:scale(1.08);opacity:.5}}@keyframes float{0%,to{translate:0 0}50%{translate:0 -12px}}.logo-glow{position:absolute;width:170px;height:170px;border-radius:50%;background:var(--grad);filter:blur(34px);opacity:0;transition:opacity .35s ease;pointer-events:none}.logo-stage:hover .logo-glow{opacity:.7;animation:glow-pulse 1.1s ease-in-out infinite}@keyframes glow-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.logo.spin{animation:logo-spin 1.1s cubic-bezier(.45,0,.2,1) infinite,float 5s ease-in-out infinite}@keyframes logo-spin{0%{transform:rotateY(0) scale(1.12)}50%{transform:rotateY(180deg) scale(1.28)}to{transform:rotateY(360deg) scale(1.12)}}.eyebrow{display:inline-block;font:600 .85rem/1 Inter,sans-serif;letter-spacing:.35em;text-transform:uppercase;color:var(--blue);margin-bottom:18px}h1{font-size:clamp(2.2rem,7vw,4.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.05;max-width:16ch;margin:0 auto 18px}.grad{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 4s linear infinite}@keyframes shimmer{to{background-position:200% center}}p{color:var(--muted);font-size:clamp(1rem,2.4vw,1.25rem);max-width:40ch;margin:0 auto}.hint{display:inline-block;margin-top:40px;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:.7;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.9}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}