:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background:radial-gradient(1200px 800px at 20% -10%,#111827,#0b1020 40%,#070b16);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh}#root{width:100vw;height:100vh;margin:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero{position:relative;width:min(88vw,720px);height:min(88vw,720px);display:flex;align-items:center;justify-content:center}.hero:before{content:"";position:absolute;inset:-1px;background:linear-gradient(transparent 95%,#ffffff0f 95%) 0 0 / 100% 28px,linear-gradient(90deg,transparent 95%,rgba(255,255,255,.06) 95%) 0 0 / 28px 100%;opacity:.35;pointer-events:none;border-radius:24px;border:1px solid rgba(255,255,255,.06)}.logo{width:clamp(160px,26vw,240px);height:auto;z-index:2;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));animation:float 6s ease-in-out infinite}.brand{position:fixed;top:clamp(40px,10vh,96px);left:50%;transform:translate(-50%);z-index:5;color:#fffffff2;letter-spacing:.08em;text-transform:lowercase;font-weight:700;font-size:clamp(42px,12vw,128px);line-height:.9;text-shadow:0 10px 28px rgba(0,0,0,.45)}.glow{position:absolute;inset:-20%;background:radial-gradient(60% 60% at 50% 40%,#ff64503d,#ff00801f 40%,#0f172a00 70%);filter:blur(52px);z-index:0}.orb{position:absolute;border-radius:9999px;opacity:.45;filter:blur(14px);mix-blend-mode:screen;z-index:1}.orb-1{width:140px;height:140px;left:8%;top:12%;background:radial-gradient(circle at 30% 30%,#ff6a00,#ff6a0000 60%);animation:drift1 18s ease-in-out infinite}.orb-2{width:180px;height:180px;right:12%;bottom:14%;background:radial-gradient(circle at 70% 70%,#ff2d55,#ff2d5500 60%);animation:drift2 22s ease-in-out infinite}.orb-3{width:120px;height:120px;left:50%;bottom:6%;transform:translate(-50%);background:radial-gradient(circle at 50% 50%,#ff0080,#ff008000 60%);animation:drift3 24s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(12px,-10px) scale(1.06)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-14px,10px) scale(1.05)}}@keyframes drift3{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%,-10px) scale(1.08)}}