.login-page{background:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:32px;box-shadow:0 8px 32px #0000001a}.login-card h1{color:var(--text-primary);margin:0 0 4px;font-size:24px}.login-card .subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:14px}.btn-google{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;padding:10px 16px;font-weight:500;transition:background .2s}.btn-google:hover{background:var(--background)}.divider-with-text{text-align:center;color:var(--text-secondary);align-items:center;margin:20px 0;font-size:12px;display:flex}.divider-with-text:before,.divider-with-text:after{content:"";background:var(--border);flex:1;height:1px}.divider-with-text span{padding:0 12px}.login-form{flex-direction:column;gap:6px;display:flex}.login-form label{color:var(--text-primary);margin-top:8px;font-size:13px;font-weight:500}.login-form input{border:1px solid var(--border);background:var(--background);color:var(--text-primary);border-radius:8px;padding:10px 12px;font-size:14px}.login-form input:focus{border-color:var(--input-focus);outline:none}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:10px 16px;font-weight:500;transition:background .2s}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-link{width:100%;color:var(--primary);cursor:pointer;text-align:center;background:0 0;border:none;margin-top:16px;font-size:13px}.btn-link:hover{text-decoration:underline}.error-message{color:#dc2626;margin-top:8px;font-size:13px}.info-message{color:var(--primary);margin-top:8px;font-size:13px}