:root{--bg:#0b0f1a;--card:hsla(0,0%,100%,.05);--text:#fff;--accent:#00eaff;--muted:hsla(0,0%,100%,.6)}body.light{--bg:#f4f6fb;--card:#fff;--text:#0b0f1a;--accent:#06f;--muted:#555}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,system-ui,sans-serif}body{min-height:100vh;background:radial-gradient(circle at top,var(--accent) 0,var(--bg) 40%);color:var(--text);display:flex;align-items:center;justify-content:center;transition:all .4s ease}.container{background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:50px 40px;border-radius:22px;text-align:center;width:90%;max-width:520px;box-shadow:0 25px 60px rgba(0,0,0,.4);animation:fadeUp 1.2s ease}.logo{font-size:3rem;font-weight:800;letter-spacing:4px;position:relative}.logo span{color:var(--accent);animation:pulse 2s infinite}.logo:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scan 2.5s linear infinite}p{font-size:1.1rem;color:var(--muted);margin:25px 0 35px;line-height:1.5}.loader{width:70px;height:70px;border-radius:50%;border:5px solid hsla(0,0%,100%,.15);border-top:5px solid var(--accent);margin:0 auto 30px;animation:spin 1s linear infinite}.toggle{position:fixed;top:25px;right:25px;background:var(--card);border:1px solid hsla(0,0%,100%,.2);color:var(--text);padding:8px 14px;border-radius:20px;cursor:pointer;font-size:.9rem}.footer{font-size:.85rem;color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}