.login-container{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:2rem 1rem;display:flex}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:var(--text-3xl);color:var(--accent);letter-spacing:-.01em;margin:0 0 .5rem;font-weight:700}.login-header h2{font-size:var(--text-xl);color:var(--text-primary);margin:0;font-weight:500}.login-form{background:var(--bg-card-warm);border-radius:var(--border-radius-lg);width:100%;max-width:360px;box-shadow:0 1px 2px color-mix(in oklch, var(--accent) 8%, transparent), 0 8px 24px color-mix(in oklch, var(--accent) 6%, transparent);border:1px solid color-mix(in oklch, var(--accent) 6%, transparent);padding:2rem;position:relative;overflow:hidden}.login-form:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 48' preserveAspectRatio='none'%3E%3Cpath d='M0 48 L60 18 L95 34 L130 10 L170 28 L205 4 L245 22 L285 14 L320 30 L360 18 L360 48 Z' fill='%23bf2c37' fill-opacity='0.04'/%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:100% 100%;height:48px;position:absolute;top:auto;bottom:0;left:0;right:0}.login-form-inner{display:contents}.login-error{background:var(--bg-error-surface);border:1px solid color-mix(in oklch, var(--error) 30%, white);color:var(--error);border-radius:var(--border-radius);font-size:var(--text-sm);text-align:center;margin-bottom:1rem;padding:.75rem}.login-btn{width:100%;font-size:var(--text-base);padding:.875rem}.login-footer{text-align:center;margin-top:2rem}.login-footer p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.login-mode-toggle{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:.5rem .25rem;text-decoration:underline}.login-mode-toggle:hover{color:var(--text-primary)}.login-magic-sent{text-align:center}.login-magic-sent__icon{color:var(--accent);margin-bottom:.75rem}.login-magic-sent__title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 .5rem;font-weight:600}.login-magic-sent__message{color:var(--text-secondary);font-size:var(--text-base);margin:0 0 1rem;line-height:1.4}.login-magic-sent__actions{flex-direction:column;align-items:stretch;gap:.75rem;display:flex}.login-magic-sent__help-list{text-align:left;flex-direction:column;gap:.625rem;margin:1rem 0 .5rem;display:flex}.login-magic-sent__help-item{color:var(--text-muted);font-size:var(--text-sm);align-items:flex-start;gap:.625rem;line-height:1.4;display:flex}.login-magic-sent__help-icon{color:var(--text-muted);flex-shrink:0;margin-top:.125rem}.login-passkey-btn{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.login-passkey-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin:.5rem 0 0;line-height:1.4}.login-passkey-divider{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm);margin:.25rem 0;display:flex}.login-passkey-divider:before,.login-passkey-divider:after{content:"";background:var(--bg-secondary);flex:1;height:1px}