@import url('./style.css');

.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px 18px;position:relative;overflow:hidden}.auth-bg{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 20%,rgba(215,255,79,.08),transparent 28%),radial-gradient(circle at 15% 85%,rgba(125,90,255,.07),transparent 30%)}.auth-card{position:relative;width:min(440px,100%);padding:34px;border:1px solid var(--border-strong);border-radius:20px;background:rgba(14,16,22,.9);box-shadow:0 30px 90px rgba(0,0,0,.45)}.auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.auth-back{color:var(--muted);font-size:12px}.auth-title{font-family:'Space Grotesk',sans-serif;font-size:32px;letter-spacing:-.045em;margin:0}.auth-subtitle{color:var(--muted);font-size:13px;line-height:1.6;margin:8px 0 26px}.field{display:block;margin-bottom:16px}.field span{display:block;margin-bottom:7px;color:#c7cad1;font-size:12px;font-weight:600}.field input{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:9px;outline:0;background:#090b0f;color:var(--text);font-size:13px}.field input:focus{border-color:rgba(215,255,79,.45);box-shadow:0 0 0 3px rgba(215,255,79,.05)}.auth-submit{width:100%;padding:13px;border:0;border-radius:9px;background:var(--accent);color:#10130a;font-weight:800;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-message{display:none;margin-bottom:16px;padding:11px 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.035);color:#c9ccd3;font-size:12px;line-height:1.5}.auth-message.show{display:block}.auth-message.error{border-color:rgba(255,90,90,.25);color:#ffaaa5}.auth-message.success{border-color:rgba(215,255,79,.25);color:#ddf99a}.auth-switch{margin-top:20px;text-align:center;color:var(--muted);font-size:12px}.auth-switch a{color:var(--accent);font-weight:700}.password-note{color:var(--faint);font-size:10px;margin-top:-7px;margin-bottom:16px}.checkline{display:flex;gap:9px;align-items:flex-start;margin:4px 0 20px;color:var(--muted);font-size:11px;line-height:1.5}.checkline input{margin-top:2px;accent-color:var(--accent)}