:root{--bg0: #070a12;--bg1: #0b1230;--ink: #e7f1ff;--muted: rgba(231, 241, 255, .72);--muted2: rgba(231, 241, 255, .52);--line: rgba(120, 190, 255, .22);--glass: rgba(10, 18, 40, .58);--glass2: rgba(14, 28, 60, .46);--neon: #43d5ff;--neon2: #7c4dff;--ok: #2af5a3;--warn: #ffdd57;--bad: #ff4d6d;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius: 18px;--radius2: 22px;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}.auth-root{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 700px at 20% 15%,rgba(67,213,255,.18),transparent 60%),radial-gradient(900px 600px at 80% 25%,rgba(124,77,255,.18),transparent 55%),radial-gradient(900px 700px at 50% 90%,rgba(42,245,163,.1),transparent 60%),linear-gradient(180deg,var(--bg0),#060a18 40%,#040611);font-family:var(--sans);color:var(--ink);position:relative;overflow:hidden}.auth-canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.auth-container{width:400px;padding:32px;background:linear-gradient(180deg,#0f1e466b,#0a12284d);border:1px solid var(--line);border-radius:var(--radius2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:100}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{width:80px;height:80px;border-radius:20px;background-image:url(/img/logo.png);background-size:contain;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 0 1px #43d5ff1f,0 12px 26px #0000008c;margin:0 auto 16px}.auth-title{font-size:24px;font-weight:800;letter-spacing:.3px;margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--muted2);margin-bottom:12px}.auth-slogan{font-size:12px;color:var(--neon);text-align:center;line-height:1.4;margin-top:8px;padding:0 10px;text-shadow:0 0 10px rgba(67,213,255,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:13px;color:var(--muted);font-weight:500}.auth-input-shell{position:relative;display:flex;align-items:center;background:#00000059;border:1px solid rgba(120,180,255,.18);border-radius:12px;padding:0 14px;transition:all .2s ease}.auth-input-shell:focus-within{border-color:#43d5ff8c;box-shadow:0 0 0 3px #43d5ff1f}.auth-input{flex:1;background:transparent;border:none;outline:none;color:var(--ink);font-size:15px;padding:12px 0;font-family:var(--sans)}.auth-input::placeholder{color:var(--muted2)}.auth-input-with-button{padding-right:4px}.auth-button{width:100%;padding:14px;margin-top:8px;background:linear-gradient(90deg,var(--neon),var(--neon2));border:none;border-radius:12px;color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;font-family:var(--sans)}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #43d5ff59}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-verify-btn{padding:8px 14px;background:#43d5ff26;border:1px solid rgba(67,213,255,.35);border-radius:8px;color:var(--neon);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--sans)}.auth-verify-btn:hover:not(:disabled){background:#43d5ff40}.auth-verify-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:16px}.auth-switch-btn{background:none;border:none;color:var(--neon);font-size:14px;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;font-family:var(--sans)}.auth-switch-btn:hover{background:#43d5ff1a}.auth-toggle{display:flex;gap:8px;margin-bottom:16px}.auth-toggle-btn{flex:1;padding:10px;background:#00000040;border:1px solid rgba(120,180,255,.15);border-radius:10px;color:var(--muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--sans)}.auth-toggle-btn.active{background:#43d5ff33;border-color:#43d5ff73;color:var(--neon)}.auth-error{padding:10px 12px;background:#ff4d6d26;border:1px solid rgba(255,77,109,.35);border-radius:10px;color:var(--bad);font-size:13px;margin-bottom:8px}.auth-footer{margin-top:24px;text-align:center}.auth-footer-text{font-size:12px;color:var(--muted2);margin-top:12px}@media(max-width:480px){.auth-container{width:90%;padding:24px;margin:0 16px}.auth-title{font-size:20px}.auth-slogan{font-size:11px}}