.auth-card{background:var(--surface-overlay);border:var(--border-thin) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-9) var(--space-8);gap:var(--space-6);flex-direction:column;width:100%;max-width:380px;display:flex}.auth-wordmark{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.auth-mark{background:var(--accent-amber-soft);border:1px solid color-mix(in oklab, var(--accent-amber) 28%, transparent);width:36px;height:36px;font-family:var(--font-display);color:var(--accent-amber);border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-style:italic;display:flex}.auth-brand-name{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--text-primary)}.auth-brand-tag{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);letter-spacing:.06em;margin-top:1px}.auth-heading{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-variation-settings:"opsz" 72, "SOFT" 30}.auth-heading em{color:var(--accent-amber);font-style:italic;font-weight:var(--weight-regular)}.auth-sub{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-snug)}.btn-google{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);min-height:var(--touch-min);background:var(--surface-canvas);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);display:flex}.btn-google:hover{background:var(--surface-sunken);border-color:var(--border-strong)}.btn-google:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn-google:disabled{opacity:.5;cursor:not-allowed}.g-logo{background:conic-gradient(#ea4335 90deg,#fbbc05 90deg 180deg,#34a853 180deg 270deg,#4285f4 270deg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.g-logo:after{content:"G";color:#fff;font-size:10px;font-weight:700;font-family:var(--font-sans);text-shadow:0 0 3px #0000004d}.auth-divider{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-subtle);flex:1;height:1px}.auth-input{width:100%;padding:var(--space-3) var(--space-4);min-height:var(--touch-min);background:var(--surface-canvas);border:var(--border-thin) solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);outline:none}.auth-input:focus{border-color:var(--border-focus);box-shadow:var(--ring-focus)}.auth-input.error{border-color:var(--status-danger);box-shadow:0 0 0 3px #8a40282e}.auth-input::placeholder{color:var(--text-muted)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.btn-auth-submit{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);min-height:var(--touch-min);background:var(--accent-amber);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#fff;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard);border:none;display:flex}.btn-auth-submit:hover{background:var(--accent-amber-hover)}.btn-auth-submit:focus-visible{box-shadow:var(--ring-focus);outline:none}.btn-auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-error-msg{font-size:var(--text-sm);color:var(--status-danger);background:var(--status-danger-soft);border:var(--border-thin) solid color-mix(in oklab, var(--status-danger) 20%, transparent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);line-height:var(--leading-snug)}@media (width<=599px){.auth-card{padding:var(--space-7) var(--space-6);border-radius:var(--radius-lg);max-width:100%}}