.auth-screen{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:var(--color-ink)}.auth-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-accent) 1px,transparent 1px),linear-gradient(90deg,var(--color-accent) 1px,transparent 1px);background-size:40px 40px;opacity:.18}@media(max-width:900px){.auth-screen{grid-template-columns:1fr}}.auth-visual{position:relative;min-height:280px;padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:space-between}@media(max-width:900px){.auth-visual{min-height:200px}}.auth-visual-top,.auth-visual-bottom{position:relative;z-index:1}.auth-visual-wordmark{display:flex;align-items:center;gap:10px;color:var(--color-paper);font-weight:500;font-size:18px;letter-spacing:.06em}.auth-visual-logo{width:32px;height:32px;border-radius:8px}.auth-visual-quote{color:var(--color-paper);font-size:clamp(22px,2.2vw,30px);font-weight:300;max-width:26ch;line-height:1.3}.auth-visual-caption{margin-top:16px;color:var(--color-paper);opacity:.6;font-size:13px}.auth-form-panel{display:flex;flex-direction:column;padding:clamp(24px,4vw,64px);background:var(--color-paper);position:relative;z-index:1;margin:16px 16px 16px 0;border-radius:16px}@media(max-width:900px){.auth-form-panel{margin:0 12px 12px;border-radius:16px}}.auth-form-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.auth-back-link{font-size:14px;color:var(--color-ink-soft)}.auth-back-link:hover{color:var(--color-ink)}.auth-form-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:400px;width:100%;margin-inline:auto}.auth-title{font-size:clamp(28px,3vw,36px);font-weight:300}.auth-subtitle{margin-top:10px;color:var(--color-ink-soft);font-size:15px}.auth-field{margin-top:24px}.auth-label{display:block;font-size:13px;font-weight:500;color:var(--color-ink-soft);margin-bottom:8px}.auth-input{width:100%;font-family:var(--font-sans);font-weight:500;font-size:15px;padding:14px 16px;background:var(--color-paper-alt);border:1px solid transparent;border-radius:0;color:var(--color-ink)}.auth-input:focus{outline:none;border-color:var(--color-ink);background:var(--color-paper)}.auth-input::placeholder{color:var(--color-ink-soft)}.auth-password-row{display:flex;align-items:center;gap:8px}.auth-password-row .auth-input{flex:1}.auth-toggle-visibility{flex-shrink:0;font-family:var(--font-sans);font-weight:500;font-size:13px;color:var(--color-ink-soft);background:transparent;border:none;cursor:pointer;padding:8px;white-space:nowrap}.auth-toggle-visibility:hover{color:var(--color-ink)}.auth-remember{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-size:14px;color:var(--color-ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-remember input{width:16px;height:16px;margin:0;accent-color:var(--color-accent);cursor:pointer}.auth-remember-note{margin:6px 0 0 24px;font-size:12px;color:var(--color-ink-soft)}.auth-hint{margin:8px 0 0;font-size:13px;font-weight:500;color:var(--color-ink)}.auth-submit{width:100%;margin-top:32px;justify-content:center}.auth-error{margin-top:20px;padding:12px 16px;background:var(--color-danger-bg);color:var(--color-danger);font-size:14px}.auth-info{margin-top:20px;padding:12px 16px;background:var(--color-primary-soft, #e8f4ff);color:var(--color-ink);font-size:14px;line-height:1.5}.auth-link{display:inline-block;margin-top:20px;font-size:14px;font-weight:600;color:var(--color-ink);text-decoration:underline}.auth-forgot{margin:12px 0 0;font-size:14px}.auth-forgot a{color:var(--color-ink);font-weight:600;text-decoration:underline}.auth-rules{margin:8px 0 0;padding:0;list-style:none;font-size:13px}.auth-rules li[data-ok=true]{color:#15803d}.auth-rules li[data-ok=false]{color:var(--color-muted, #64748b)}
