*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0f14;--amber: #d97706;--amber-mid: #d97706}html,body,#root{width:100%;height:100%}body{background-color:var(--bg)}.container{display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.glow-bg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:340px;background:radial-gradient(ellipse at center,#b4530918 0%,#92400e0a 45%,transparent 70%);pointer-events:none;animation:pulse 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}.logo-wrap{position:relative;z-index:1;opacity:0;transform:translateY(18px);animation:reveal 1.4s cubic-bezier(.22,1,.36,1) .3s forwards}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.logo{width:clamp(260px,55vw,520px);height:auto;filter:drop-shadow(0 0 18px #d9770640) drop-shadow(0 0 48px #b4530920);transition:filter .5s ease}.logo-wrap:hover .logo{filter:drop-shadow(0 0 24px #f59e0b66) drop-shadow(0 0 64px #d9770630)}.rule{display:block;margin:28px auto 0;width:0;height:1px;background:linear-gradient(90deg,transparent,var(--amber-mid),transparent);animation:expand 1.2s cubic-bezier(.22,1,.36,1) 1s forwards}@keyframes expand{to{width:100%}}.kitt{display:flex;gap:12px;justify-content:center;margin-top:32px}.kitt-dot{width:10px;height:10px;border-radius:50%;background:#1a0505;box-shadow:none;transition:background .08s ease,box-shadow .08s ease}.kitt-dot.active{background:#ef4444;box-shadow:0 0 6px #ef4444,0 0 20px #dc2626,0 0 40px #b91c1c}.kitt-dot.near{background:#7f1d1d;box-shadow:0 0 8px #b91c1c}.kitt-dot.far{background:#3a0a0a;box-shadow:none}