.login-page{background:var(--c-white);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.login-main{padding:var(--s-7) var(--s-4);flex:1;justify-content:center;display:flex}.login-column{text-align:center;gap:var(--s-5);flex-direction:column;width:100%;max-width:500px;display:flex}.login-head{align-items:center;gap:var(--s-4);text-align:center;flex-direction:column;display:flex}.login-head img{width:72px;height:72px;display:block}.login-head h1{color:var(--c-navy);font-size:var(--t-2xl);font-weight:var(--w-bold);line-height:var(--lh-tight);letter-spacing:var(--track-display);margin:0}.login-head p{color:var(--text-muted);font-size:var(--t-sm);margin:0}.login-form{gap:var(--s-4);flex-direction:column;display:flex}.login-fields{border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-white);text-align:left;overflow:hidden}.login-field{align-items:center;gap:var(--s-3);height:48px;padding:0 var(--s-5);display:flex}.login-field+.login-field{border-top:1px solid var(--c-line)}.login-field:focus-within{background:var(--c-sky)}.login-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.login-field input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;flex:1;padding:0}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{outline:none}.login-reveal{padding:var(--s-1) var(--s-2);color:var(--text-muted);font-size:var(--t-xs);font-weight:var(--w-bold);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0}.login-reveal:hover{color:var(--c-navy)}.login-error{color:var(--c-danger);font-size:var(--t-xs);margin-top:var(--s-1);display:block}.login-button{border-radius:var(--r-sm);width:100%;min-height:48px;font:inherit;font-weight:var(--w-bold);cursor:pointer;justify-content:center;align-items:center;gap:var(--s-2);border:1px solid #0000;text-decoration:none;display:inline-flex}.login-button-primary{background:var(--c-navy);color:var(--text-on-brand)}.login-button-primary:hover:not(:disabled){background:var(--c-ink-deep)}.login-button-secondary{background:var(--c-white);color:var(--text);border-color:var(--c-line);font-weight:var(--w-medium)}.login-button-secondary:hover{background:var(--c-canvas)}.login-google-mark{flex:none;width:18px;height:18px}.login-button-secondary:hover{border-color:var(--border-gold)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-divider{align-items:center;gap:var(--s-3);color:var(--text-muted);font-size:var(--t-xs);display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--c-line);flex:1;height:1px}.login-links{justify-content:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.login-page a:not(.login-button){color:var(--c-navy);border-bottom:1px solid #0000;text-decoration:none}.login-page a:not(.login-button):hover{border-bottom-color:var(--border-gold)}.login-trust{text-align:center;color:var(--text-muted);font-size:var(--t-xs);line-height:var(--lh-body)}.login-footer{padding:var(--s-5) var(--s-4);justify-content:center;gap:var(--s-2) var(--s-4);font-size:var(--t-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.login-footer a{color:var(--text-muted);white-space:nowrap}.login-footer a:hover{color:var(--c-navy)}.login-footer a.login-start{color:var(--c-navy);font-weight:var(--w-bold)}.login-notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);font-size:var(--t-sm);line-height:var(--lh-body);display:block}.login-notice-error{background:var(--c-danger-pale);color:var(--c-danger)}.login-notice-info{background:var(--c-sky);color:var(--c-blue-strong)}.login-notice-attention{background:var(--c-warning-pale);color:var(--c-warning)}.login-notice a{color:inherit;border-bottom:1px solid}.login-spinner{border:2px solid #fff6;border-top-color:var(--c-white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-spinner{animation:none}}.login-choice{align-items:center;gap:var(--s-4);width:100%;padding:var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-white);font:inherit;text-align:left;cursor:pointer;color:var(--text);display:flex}.login-choice:hover{border-color:var(--border-gold)}.login-choice strong{color:var(--c-navy)}.login-choice span{color:var(--text-muted);font-size:var(--t-xs);display:block}.login-secret{font-family:var(--font-mono);font-size:var(--t-lg);letter-spacing:.08em;word-break:break-all;padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-canvas);color:var(--text)}.login-recovery{gap:var(--s-2);padding:var(--s-4);border:1px solid var(--border-gold);border-radius:var(--r-md);background:var(--c-gold-pale);font-family:var(--font-mono);font-size:var(--t-sm);color:var(--c-ink);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.login-code-input{width:100%;min-height:var(--control-h);padding:var(--s-3);border:1px solid var(--c-line);border-radius:var(--r-md);font:inherit;font-size:var(--t-lg);letter-spacing:.24em;color:var(--text);background:var(--c-white)}.login-help-chip{right:var(--s-4);bottom:var(--s-4);position:fixed}.login-help-chip a{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);background:var(--c-navy);color:var(--text-on-brand);font-size:var(--t-sm);font-weight:var(--w-bold);box-shadow:var(--e-3);border-bottom:0;display:inline-flex}.login-help-chip a:hover{background:var(--c-ink-deep);border-bottom:0}@media (max-width:640px){.login-main{padding:var(--s-5) var(--s-4)}.login-footer{padding-bottom:var(--s-8)}.login-recovery{grid-template-columns:minmax(0,1fr)}}