.login-page{justify-content:center;align-items:center;min-height:100vh;padding:0 16px;display:flex}.login-card{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:400px;padding:32px;position:relative;box-shadow:0 1px 2px #1c21160d,0 16px 40px #1c211614}.login-lang-toggle{position:absolute;top:12px;right:12px}.login-logo-text{color:var(--foreground);letter-spacing:normal;text-transform:uppercase;font-size:13px;font-weight:800;line-height:16px}.login-logo-mark{background-color:var(--primary);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:600;line-height:20px;display:flex}.login-logo-col{flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;display:flex}.login-title{color:var(--foreground);text-align:center;letter-spacing:normal;margin:0 0 16px;font-size:22px;font-weight:700;line-height:26px}.login-subtitle{color:var(--muted-foreground);text-align:center;margin:0 0 24px;font-size:13px;font-weight:400;line-height:16px}.login-error{background:color-mix(in srgb, var(--destructive) 8%, transparent);color:var(--destructive);border:1px solid color-mix(in srgb, var(--destructive) 25%, transparent);border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:13px}.login-form{flex-direction:column;gap:16px;display:flex}.login-spinner-wrap{justify-content:center;padding:12px 0;display:flex}.login-code-sent{color:var(--foreground);text-align:center;margin-bottom:16px;font-size:13px}.login-resend-wrap{color:var(--muted-foreground);text-align:center;font-size:13px}.login-resend-btn{cursor:pointer;color:var(--foreground);background:0 0;border:none;padding:0;font-size:13px;font-weight:700;transition:color .2s}.login-resend-btn:hover{color:var(--muted-foreground)}.login-btn-wrap{justify-content:center;margin-top:8px;display:flex}.login-alt-link{color:var(--primary);text-align:center;margin-top:20px;font-size:13px;font-weight:500;line-height:16px;text-decoration:none;display:block}.login-alt-link:hover{opacity:.8}.login-terms{color:var(--muted-foreground);text-align:center;margin:11px 0 0;font-size:10px;font-weight:400;line-height:13px}.login-terms a{color:var(--primary);text-decoration:none}.login-terms a:hover{text-decoration:underline}.dev-mode-banner{color:#854d0e;text-align:center;font-family:var(--font-mono);background:#fefce8;border:1px solid #fde047;border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:13px}.login-archive-note{border:1px solid var(--border);text-align:left;background:#f3f5ee;border-radius:12px;margin-bottom:16px;padding:14px 16px}.login-archive-title{color:var(--primary);margin:0 0 6px;font-size:13px;font-weight:700}.login-archive-text{color:var(--foreground);margin:0;font-size:12px;line-height:1.5}.login-archive-tip{color:var(--muted-foreground);margin-top:8px}.login-archive-btns{flex-direction:column;gap:6px;margin-top:10px;display:flex}.login-archive-btn{border:1px solid var(--border);background:var(--card);color:var(--primary);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600;transition:background-color .15s}.login-archive-btn:hover{background:#eef0e7}.login-archive-btn:disabled{opacity:.6;cursor:default}