.auth-shell{min-height:100dvh;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);background:0 0;grid-template-columns:minmax(0,1fr);display:grid}.auth-shell--split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-shell__pane{justify-content:safe center;align-items:center;gap:var(--space-5);min-height:0;padding:var(--space-6) var(--space-5);padding-left:max(var(--space-5), env(safe-area-inset-left,0));padding-right:max(var(--space-5), env(safe-area-inset-right,0));flex-direction:column;display:flex;overflow-y:auto}.auth-shell__brand{justify-content:center;display:flex}.auth-shell__card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:25rem;padding:var(--space-6);box-shadow:var(--shadow-lg);gap:var(--space-4);flex-direction:column;display:flex}.auth-shell__card--centered{text-align:center}.auth-shell__card--centered .app-logo{justify-content:center}.auth-shell__card--centered .alert{text-align:left}.auth-shell__head{text-align:center}.auth-shell__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin:0}.auth-shell__title--compact{font-size:var(--text-xl)}.auth-shell__subtitle{margin:var(--space-1) 0 0;color:var(--text-secondary);font-size:var(--text-base)}.auth-shell__separator{align-items:center;gap:var(--space-2);color:var(--text-tertiary);font-size:var(--text-sm);display:flex}.auth-shell__separator:before,.auth-shell__separator:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-shell__state-icon{border-radius:var(--radius-full);background:color-mix(in srgb, var(--brand-500) 12%, transparent);width:4rem;height:4rem;color:var(--brand-700);justify-content:center;align-items:center;margin:0 auto;display:inline-flex}.auth-shell__state-icon svg{width:1.75rem;height:1.75rem}.auth-shell__state-icon--danger{background:color-mix(in srgb, var(--color-red-500) 12%, transparent);color:var(--color-red-700)}[data-theme=dark] .auth-shell__state-icon{background:color-mix(in srgb, var(--color-green-500) 22%, transparent);color:var(--brand-300)}[data-theme=dark] .auth-shell__state-icon--danger{background:color-mix(in srgb, var(--color-red-500) 22%, transparent);color:var(--color-red-300)}.auth-shell__signup-link{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:0}.auth-shell__signup-link a{color:var(--text-brand);text-decoration:none}.auth-shell__signup-link a:hover{text-decoration:underline}.auth-shell__terms-notice{font-size:var(--text-sm);font-weight:var(--fw-regular);line-height:var(--leading-relaxed);color:var(--text-secondary);text-align:left;margin:0}.auth-shell__terms-notice a{color:var(--text-brand);font-weight:var(--fw-semibold);text-decoration:none}.auth-shell__terms-notice a:hover{text-decoration:underline}.auth-shell__trust{font-size:var(--text-xs);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-1);margin:0;display:flex}.auth-shell__trust svg{flex-shrink:0;width:.875rem;height:.875rem}.auth-shell__hero{background:radial-gradient(circle at 100% 0%, #ffffff2e, transparent 55%), linear-gradient(160deg, var(--brand-700) 0%, var(--brand-600) 50%, var(--brand-500) 100%);color:#fff;padding:var(--space-6);justify-content:center;gap:var(--space-4);flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-shell__hero:before{content:"";opacity:.6;pointer-events:none;background-image:radial-gradient(circle,#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.auth-shell__hero>*{z-index:1;position:relative}.auth-shell__hero .badge{align-self:flex-start}.auth-shell__hero h2{font-size:var(--text-3xl);font-weight:var(--fw-bold);line-height:var(--leading-tight)}.auth-shell__hero p{color:#ffffffe6;max-width:32rem;line-height:var(--leading-relaxed)}.auth-shell__hero ul{gap:var(--space-2);font-size:var(--text-base);flex-direction:column;padding:0;list-style:none;display:flex}.auth-shell__hero li{align-items:center;gap:var(--space-2);display:flex}.auth-shell__hero li svg{flex-shrink:0;width:1.125rem;height:1.125rem}[data-theme=dark] .auth-shell__hero{background:radial-gradient(circle at 100% 0%, #ffffff1a, transparent 55%), linear-gradient(160deg, var(--brand-700) 0%, var(--brand-600) 50%, var(--brand-500) 100%)}[data-theme=dark] .auth-shell__hero:before{opacity:.4}@media (width<=48rem){.auth-shell--split{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.auth-shell__hero{padding:var(--space-5) var(--space-4);gap:var(--space-3)}.auth-shell__hero h2{font-size:var(--text-2xl)}.auth-shell__hero ul{font-size:var(--text-sm)}.auth-shell__pane{padding:var(--space-4) var(--space-3)}}@media (width<=25rem){.auth-shell__hero h2{font-size:var(--text-xl)}.auth-shell__hero p{font-size:var(--text-sm)}.auth-shell__card{padding:var(--space-5)}.auth-shell__pane{padding:var(--space-3)}}