.login-page{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;min-height:100svh;flex-direction:column;justify-content:center;padding:24px}.back-link,.login-page{display:flex;align-items:center}.back-link{position:fixed;top:20px;left:20px;gap:6px;font-size:13px;font-weight:500;color:var(--t2);text-decoration:none;transition:color .15s}.back-link:hover{color:var(--brand)}.back-link svg{width:14px;height:14px}.dark-toggle{position:fixed;top:16px;right:20px;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--line2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t2)}.dark-toggle:hover{border-color:var(--brand);color:var(--brand)}.dark-toggle svg{width:16px;height:16px}.login-card{width:100%;max-width:400px;background:var(--surf);border:1px solid var(--line);border-radius:24px;padding:40px 36px;box-shadow:var(--sh4)}.login-logo{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:28px}.login-logo-mark{width:36px;height:36px;flex-shrink:0}.login-logo-name{font-size:20px}.login-h1,.login-logo-name{font-weight:700;color:var(--t1)}.login-h1{font-size:22px;text-align:center;margin-bottom:6px}.login-sub{font-size:13.5px;color:var(--t2);text-align:center;margin-bottom:28px;line-height:1.5}.social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .15s;margin-bottom:10px;border:1px solid var(--line2);background:var(--surf);color:var(--t1)}.social-btn:hover{border-color:var(--brand);background:var(--brand-t)}.social-btn svg{width:18px;height:18px;flex-shrink:0}.social-btn.apple{background:var(--t1);color:white;border-color:var(--t1)}[data-theme=dark] .social-btn.apple{background:var(--surf2);border-color:var(--line2);color:var(--t1)}.social-btn.apple:hover{background:var(--brand-d);border-color:var(--brand-d)}.or-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--t4);font-size:12px;font-weight:600}.or-divider:after,.or-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.auth-tabs{display:flex;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;margin-bottom:20px}.auth-tab{flex:1 1;padding:9px;border:none;background:transparent;font-size:13px;font-weight:600;color:var(--t3);cursor:pointer;font-family:Inter,sans-serif;transition:all .15s}.auth-tab.active{background:var(--brand-t);color:var(--brand-d)}.form-field{margin-bottom:12px}.login-page .form-label{font-size:11px;font-weight:700;color:var(--t3);letter-spacing:.4px;text-transform:uppercase;display:block;margin-bottom:5px}.login-page .form-input{width:100%;padding:11px 14px;border:1px solid var(--line2);border-radius:var(--r-sm);font-size:13.5px;font-family:Inter,sans-serif;color:var(--t1);background:white;outline:none;transition:border-color .15s}[data-theme=dark] .login-page .form-input{background:var(--surf2);border-color:var(--line2);color:var(--t1)}.login-page .form-input:focus{border-color:var(--brand)}.form-input-wrap{position:relative}.pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--t3);font-size:12px;padding:4px}.forgot{display:flex;justify-content:flex-end;margin-bottom:20px}.forgot a{font-size:12px;color:var(--t3);text-decoration:none;transition:color .15s}.forgot a:hover{color:var(--brand)}.submit-btn{width:100%;padding:13px;background:var(--brand);color:white;border:none;border-radius:var(--r-sm);font-size:14px;font-weight:700;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s;margin-bottom:20px}.submit-btn:hover{background:var(--brand-d)}.auth-switch{text-align:center;font-size:13px;color:var(--t2)}.auth-switch a{color:var(--brand-d);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.signup-panel{display:none}.login-panel,.signup-panel.active{display:block}.login-panel.hidden{display:none}.login-success{display:none;text-align:center;padding:20px 0}.login-success.show{display:block}.success-icon{width:56px;height:56px;background:var(--sage-t);border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:24px}.success-title{font-size:18px;font-weight:700;color:var(--t1);margin-bottom:8px}.success-sub{font-size:14px;color:var(--t2);line-height:1.6}.terms-note{font-size:11px;color:var(--t4);text-align:center;line-height:1.5;margin-top:16px}.terms-note a{color:var(--t3);text-decoration:none}@media(max-width:480px){.login-card{padding:32px 24px;border-radius:20px}}