@keyframes authIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.auth{background:radial-gradient(60% 50% at 50% 0%, var(--accent-softer), transparent 70%), var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:32px;animation:.4s cubic-bezier(.22,.61,.36,1) authIn}.auth .brand{align-items:center;gap:11px;margin-bottom:24px;display:flex}.auth .brand-mark{background:var(--accent);width:34px;height:34px;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff40;border-radius:10px;place-items:center;display:grid}.auth .brand-name{font-family:var(--display);letter-spacing:-.03em;font-size:19px;font-weight:700}.auth h1{letter-spacing:-.03em;margin-bottom:8px;font-size:23px;font-weight:800}.auth .sub{color:var(--text-2);margin-bottom:24px;font-size:14.5px;line-height:1.55}.auth label{margin-bottom:8px;font-size:13.5px;font-weight:600;display:block}.auth input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;height:46px;color:var(--text);box-shadow:var(--shadow-xs);padding:0 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.auth input:focus{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-ring);outline:none}.auth .btn{border-radius:var(--radius-sm);background:var(--accent);color:#fff;letter-spacing:-.01em;width:100%;height:46px;box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff2e;border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms;display:inline-flex}.auth .btn:hover{background:var(--accent-press)}.auth .btn:active{transform:translateY(1px)}.auth .btn:disabled{opacity:.6;cursor:default}.auth .err{color:var(--warn);background:var(--warn-soft);border-radius:var(--radius-sm);margin-bottom:18px;padding:11px 13px;font-size:13px;line-height:1.45}.auth .sent{text-align:center}.auth .sent-ico{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}.auth .sent b{color:var(--text)}.auth .resend{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:18px;font-size:13.5px;font-weight:600}.auth .foot{color:var(--text-3);text-align:center;margin-top:22px;font-size:12.5px;line-height:1.5}.auth .foot a{color:var(--accent);font-weight:600}
