:root{--bg: #010204;--bg-raise: #05080d;--glass: rgba(14, 20, 30, .52);--glass-strong: rgba(8, 12, 20, .78);--glass-edge: rgba(120, 190, 255, .18);--glass-shine: linear-gradient(135deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0) 42%);--text: #edf4ff;--muted: #8fa1b8;--neon: #1fa8ff;--neon-deep: #0a5cff;--neon-soft: rgba(31, 168, 255, .42);--neon-faint: rgba(31, 168, 255, .12);--ice: #8fe3ff;--danger: #ff6b7d;--radius: 16px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Roboto,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}button,input{font:inherit}.center-note{display:grid;place-items:center;align-content:center;gap:16px;min-height:100dvh;color:var(--muted);padding:16px;text-align:center}.splash{min-height:100dvh;background:radial-gradient(circle at 50% 45%,var(--neon-faint),transparent 40%),var(--bg);animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{background:radial-gradient(circle at 50% 45%,rgba(31,168,255,.2),transparent 46%),var(--bg)}}.logo{display:flex;flex-direction:column;align-items:center;gap:6px;user-select:none}.logo .mark{filter:drop-shadow(0 0 14px var(--neon-soft));margin-bottom:6px}.logo-word{font-weight:800;font-size:clamp(30px,6vw,52px);letter-spacing:.16em;background:linear-gradient(180deg,#fff,#cfe6ff 55%,#7fb8ff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px var(--neon-soft))}.logo-sub{display:flex;align-items:center;gap:12px;color:var(--neon);font-weight:700;font-size:clamp(11px,2vw,15px);letter-spacing:.32em;text-shadow:0 0 10px var(--neon-soft)}.logo-sub i{display:block;width:clamp(30px,8vw,70px);height:2px;background:linear-gradient(90deg,transparent,var(--neon));box-shadow:0 0 8px var(--neon)}.logo-sub i:last-child{background:linear-gradient(-90deg,transparent,var(--neon))}.glass{position:relative;background:var(--glass-shine),var(--glass);border:1px solid var(--glass-edge);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff12,0 0 0 1px #1fa8ff0f,0 24px 60px #000000a6;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);padding:22px}.signin{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:24px 16px;overflow:hidden}.signin-glow{position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 20%,rgba(31,168,255,.16),transparent 45%),radial-gradient(ellipse at 75% 80%,rgba(10,92,255,.14),transparent 45%);animation:glow-drift 18s ease-in-out infinite alternate;pointer-events:none}@keyframes glow-drift{to{transform:translate(4%,-3%) scale(1.08)}}.signin>*:not(.signin-glow){position:relative}.signin form,.signin .signin-card{width:min(400px,100%);display:flex;flex-direction:column;gap:14px}.signin h1{margin:0;font-size:22px}.muted{color:var(--muted);margin:-6px 0 4px;font-size:14px}.note-line{margin:0;color:var(--ice);font-size:14px}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}input:not([type=checkbox]),select{background:#0000008c;border:1px solid var(--glass-edge);border-radius:12px;color:var(--text);padding:12px 14px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus-visible,select:focus-visible{border-color:var(--neon);box-shadow:0 0 0 3px var(--neon-faint),0 0 18px var(--neon-soft)}button:focus-visible{outline:2px solid var(--neon);outline-offset:2px;box-shadow:0 0 16px var(--neon-soft)}button{border-radius:999px;padding:12px 20px;cursor:pointer;border:1px solid var(--glass-edge);color:var(--text);background:#ffffff0d;transition:box-shadow .2s,border-color .2s,transform .1s,background .2s}button:hover:not(:disabled){border-color:var(--neon);box-shadow:0 0 16px var(--neon-soft)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.5;cursor:default}button.primary{background:linear-gradient(180deg,#2bb4ff,#0a74ff);border-color:#a0dcffb3;color:#fff;font-weight:700;box-shadow:0 0 22px #1fa8ff59,inset 0 1px #ffffff59}button.primary:hover:not(:disabled){box-shadow:0 0 30px #1fa8ff99,inset 0 1px #ffffff59}button.ghost{background:transparent}button.danger{border-color:#ff6b7d80;color:#ffc2ca}.error{color:var(--danger);margin:0}.note{color:var(--muted);font-size:14px;padding:0 clamp(16px,4vw,56px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.signin .ghost-link{color:var(--neon);text-align:center;font-size:.9rem}.muted.small{font-size:.8rem;text-align:center}
