.login-shell{min-height:calc(100vh - var(--site-header-height));background:radial-gradient(ellipse 80% 50% at 50% 0%, var(--warm-accent-soft) 0%, transparent 55%), var(--warm-bg);justify-content:center;align-items:center;padding:48px 32px;display:flex}.login-card{border:1px solid var(--warm-border);background:var(--warm-surface);width:100%;max-width:440px;box-shadow:var(--warm-shadow-lg);border-radius:20px;padding:36px 32px}.login-icon-wrap{background:var(--warm-accent-soft);width:56px;height:56px;color:var(--warm-accent);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.login-card h1{text-align:center;color:var(--warm-text);margin:0 0 8px;font-size:1.5rem}.login-lead{text-align:center;color:var(--warm-text-secondary);margin:0 0 24px;font-size:.95rem;line-height:1.6}.login-steps{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.login-step{background:var(--warm-surface-muted);border:1px solid var(--warm-border);color:var(--warm-text-secondary);border-radius:10px;align-items:flex-start;gap:12px;padding:12px 14px;font-size:.9rem;line-height:1.5;display:flex}.login-step-num{background:var(--warm-sage-soft);width:28px;height:28px;color:var(--warm-sage-dark);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.login-cta{background:var(--warm-sage);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 20px;font-size:1rem;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:flex}.login-cta:hover{background:var(--warm-sage-dark)}.login-cta:active{transform:scale(.98)}.login-cta:focus-visible{--focus-ring:var(--warm-accent)}.login-footer{text-align:center;color:var(--warm-text-muted);margin:20px 0 0;font-size:.85rem;line-height:1.5}.login-footer a{color:var(--warm-sage-dark);align-items:center;gap:4px;font-weight:500;text-decoration:none;display:inline-flex}.login-footer a:hover{text-decoration:underline}.login-mode-tabs{gap:8px;margin-bottom:16px;display:flex}.login-mode-tabs button{border:1px solid var(--warm-border);background:var(--warm-surface-muted);min-height:44px;color:var(--warm-text-secondary);cursor:pointer;border-radius:10px;flex:1;padding:8px 12px;font-size:.85rem}.login-mode-tabs button.is-active{border-color:var(--warm-accent);background:var(--warm-accent-soft);color:var(--warm-text);font-weight:600}.login-form{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.login-label{color:var(--warm-text);font-size:.9rem;font-weight:600}.login-input{border:1px solid var(--warm-border-strong);background:var(--warm-surface-raised);min-height:48px;color:var(--warm-text);border-radius:10px;padding:12px 14px;font-size:1rem}.login-input:focus-visible{--focus-ring:var(--warm-accent);border-color:var(--warm-accent);box-shadow:0 0 0 3px var(--warm-accent-soft)}.login-divider{color:var(--warm-text-muted);align-items:center;gap:12px;margin:20px 0 16px;font-size:.8rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--warm-border);flex:1;height:1px}.login-oauth{border:1px solid var(--warm-border-strong);background:var(--warm-surface-muted);width:100%;min-height:48px;color:var(--warm-text);cursor:pointer;border-radius:12px;padding:12px 16px;font-weight:600;transition:background .15s}.login-oauth:hover{background:var(--warm-hover)}.login-status{border-radius:10px;align-items:flex-start;gap:10px;margin:16px 0 0;padding:12px 14px;font-size:.9rem;line-height:1.5;display:flex}.login-status.is-success{background:var(--warm-success-soft);color:var(--warm-success);border:1px solid #3d7a4859}.login-status.is-error{background:var(--warm-error-soft);color:var(--warm-error);border:1px solid #b53a2a59}.login-dev-banner{background:var(--warm-warning-soft);color:var(--warm-text-secondary);border:1px solid #9a6b004d;border-radius:12px;padding:16px;font-size:.9rem;line-height:1.6}.login-muted{color:var(--warm-text-muted);text-align:center;margin:12px 0 0;font-size:.9rem}.login-dev-banner .login-cta{margin-top:16px}