.authShell{min-height:calc(100vh - var(--nav-height));display:grid;place-items:center;padding:calc(var(--nav-height) + var(--space-10)) var(--space-6) var(--space-10);background-color:var(--color-bg-base)}.authCard{width:min(520px,100%);display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-10);border-radius:var(--radius-2xl);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);box-shadow:var(--shadow-lg)}.brandSection{display:flex;justify-content:center}.brandLogo{width:72px;height:72px;display:grid;place-items:center;border-radius:var(--radius-xl);background-color:var(--color-bg-overlay);color:var(--color-accent)}.headerContent{text-align:center;display:grid;gap:var(--space-3)}.headerContent h1{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.headerContent p{font-size:var(--text-base);color:var(--color-text-secondary)}.oauthGroup{display:grid;gap:var(--space-3)}.oauthButton{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-bg-overlay);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid transparent;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.oauthButton:hover{background-color:var(--color-bg-active);border-color:var(--color-border-subtle)}.oauthIcon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:inherit}.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)}.formSection{display:grid;gap:var(--space-4)}.label{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.input{width:100%;min-height:52px;padding:var(--space-4) var(--space-4);border-radius:var(--radius-lg);background-color:var(--color-bg-overlay);border:1px solid var(--color-border-default);color:var(--color-text-primary)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-muted)}.primaryButton{width:100%;margin-top:var(--space-2);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background-color:var(--color-accent);color:var(--color-on-accent);font-size:var(--text-base);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:filter var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.primaryButton:hover{filter:brightness(1.05);transform:translateY(-1px)}.footerCopy{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.signInText{color:var(--color-text-primary)}.actionLink,.secondaryLink{color:var(--color-accent);text-decoration:none;font-weight:var(--weight-semibold)}.actionLink:hover,.secondaryLink:hover{text-decoration:underline}.legalText{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@media (max-width:520px){.authCard{padding:var(--space-6)}.brandLogo{width:60px;height:60px}.headerContent h1{font-size:var(--text-2xl)}.oauthButton,.primaryButton{padding:var(--space-4)}}