.auth-wrap{background:var(--bg);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);width:100%;max-width:400px;box-shadow:var(--shadow);padding:28px 24px}.auth-brand{font-family:var(--font-display,inherit);letter-spacing:.06em;color:var(--accent);margin-bottom:18px;font-size:14px;font-weight:800;text-decoration:none;display:inline-block}.auth-card h1{font-family:var(--font-display,inherit);color:var(--fg);margin:0 0 6px;font-size:24px;line-height:1.2}.auth-card .sub{color:var(--fg-2);margin:0 0 20px;font-size:14px}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form input{border:1px solid var(--line-2);border-radius:var(--r-sm);font:inherit;background:var(--surface);color:var(--fg);padding:9px 11px}.auth-form input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.auth-form .btn{width:100%;padding:10px 16px}.auth-note{border-radius:var(--r-sm);margin:0;padding:9px 11px;font-size:13px}.auth-note.bad{background:var(--bad-soft);color:var(--bad)}.auth-note.ok{background:var(--ok-soft);color:var(--ok)}.auth-links{color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;display:flex}.auth-links a{color:var(--accent);text-decoration:none}.auth-links a:hover{text-decoration:underline}.plan-cards{flex-direction:column;gap:10px;display:flex}.plan-card{border:1px solid var(--line-2);border-radius:var(--r-sm);cursor:pointer;background:var(--surface);flex-direction:column;gap:4px;padding:12px 14px;display:flex;position:relative}.plan-card.on{border-color:var(--accent);outline:2px solid var(--accent-soft)}.plan-card input{opacity:0;pointer-events:none;position:absolute}.plan-card:has(input:focus-visible){outline:2px solid var(--accent)}.plan-head{color:var(--fg);justify-content:space-between;gap:12px;font-size:15px;display:flex}.plan-note{color:var(--fg-2);font-size:13px}