.loginShell{min-height:100vh;display:grid;place-items:center;background-color:var(--color-bg-base);padding:var(--space-6)}.loginCard{width:min(540px,100%);padding:var(--space-8);display:grid;gap:var(--space-6);border-radius:var(--radius-2xl);background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);box-shadow:var(--shadow-md)}.brandLogo{margin:0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-xl);background:transparent;color:var(--color-accent)}.subtitle{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.mainHeading,.subtitle{margin:0;text-align:center}.mainHeading{font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.75rem);color:var(--color-text-primary);font-weight:var(--weight-bold)}.loginForm{display:grid;gap:var(--space-4)}.field{display:grid;gap:var(--space-2)}.field label{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.field input{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-bg-overlay);border:1px solid var(--color-border-default);color:var(--color-text-primary);font-size:var(--text-base)}.field input::-moz-placeholder{color:var(--color-text-tertiary)}.field input::placeholder{color:var(--color-text-tertiary)}.passwordField{position:relative}.passwordToggle{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;padding:0}.passwordMeta{display:flex;justify-content:flex-end}.forgotLink{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.primaryButton{width:100%;padding:var(--space-4);border:none;border-radius:var(--radius-lg);background-color:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-bold);cursor:pointer}.divider{display:flex;align-items:center;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.socialGroup{display:grid;gap:var(--space-3)}.socialButton{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background-color:var(--color-bg-overlay);color:var(--color-text-primary);border:1px solid var(--color-border-default);font-family:var(--font-body)}.socialButton .socialIcon{width:20px;height:20px;display:inline-grid;place-items:center}.footer{margin:0;text-align:center;color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm)}.signupLink{color:var(--color-accent);text-decoration:none;font-weight:var(--weight-semibold)}@media (max-width:520px){.loginCard{padding:var(--space-6)}}