.auth-screen{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}.auth-brand{font-family:var(--font-serif);font-size:var(--text-h2);color:var(--text-primary);letter-spacing:.22em;-webkit-user-select:none;user-select:none;z-index:10;align-items:center;gap:.35rem;font-weight:500;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%)}.auth-brand .brand-ember{background:var(--ember);width:4px;height:4px;animation:emberPulse 2.5s var(--ease-breath) infinite;border-radius:50%;margin-top:2px}.auth-card-wrapper{z-index:1;width:100%;max-width:420px;position:relative}.auth-card-ambient{width:520px;max-width:120vw;height:520px;animation:ambientPulse 7s var(--ease-breath) infinite;pointer-events:none;z-index:0;background:radial-gradient(circle,#c41e3a14 0%,#ff6b350a 40%,#0000 70%);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{z-index:1;-webkit-backdrop-filter:blur(22px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#1a0d0e8c;padding:2.75rem 2.5rem 2.5rem;position:relative;box-shadow:0 0 60px #c41e3a0f,0 30px 80px #00000080,inset 0 1px #f5e6d308}.auth-header{text-align:center;margin-bottom:2.25rem}.auth-title{font-family:var(--font-serif);font-size:var(--text-h1);color:var(--text-primary);letter-spacing:var(--letterspacing-tight);font-weight:400;line-height:var(--lineheight-tight);margin-bottom:.5rem}.auth-subtitle{font-family:var(--font-serif);font-size:var(--text-body);color:var(--text-secondary);font-style:italic;line-height:var(--lineheight-normal)}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-label{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--letterspacing-wide);text-transform:uppercase;color:var(--text-muted);font-weight:500}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{width:17px;height:17px;color:var(--text-muted);pointer-events:none;transition:color var(--duration-normal) var(--ease-silk);position:absolute;left:.95rem}.auth-input{width:100%;font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);letter-spacing:.01em;transition:border-color var(--duration-normal) var(--ease-silk), box-shadow var(--duration-normal) var(--ease-silk), background var(--duration-normal) var(--ease-silk);background:#0a050680;padding:.85rem 1rem .85rem 2.7rem}.auth-input::placeholder{color:var(--text-muted);opacity:.7}.auth-input:hover{border-color:var(--border-hover)}.auth-input:focus{background:#0a0506b3;border-color:#c41e3a66;outline:none;box-shadow:0 0 0 3px #c41e3a14,0 0 22px #c41e3a0f}.auth-input:focus~.auth-input-icon,.auth-input-wrapper:focus-within .auth-input-icon{color:var(--ember)}.auth-reveal{color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-silk);background:0 0;border:none;justify-content:center;align-items:center;padding:.2rem;display:flex;position:absolute;right:.85rem}.auth-reveal:hover{color:var(--text-secondary)}.auth-reveal svg{width:17px;height:17px}.auth-row{justify-content:space-between;align-items:center;margin-top:-.25rem;display:flex}.auth-checkbox{font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.auth-checkbox input{appearance:none;border:1px solid var(--border-hover);cursor:pointer;width:15px;height:15px;transition:all var(--duration-fast) var(--ease-silk);background:#0a050680;border-radius:4px;position:relative}.auth-checkbox input:checked{background:linear-gradient(135deg, var(--crimson), var(--ember));border-color:#ff6b3580}.auth-checkbox input:checked:after{content:"";border:solid var(--text-primary);border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}.auth-link{font-family:var(--font-sans);font-size:var(--text-small);color:var(--crimson-bright);letter-spacing:.01em;transition:text-shadow var(--duration-fast) var(--ease-silk);cursor:pointer;background:0 0;border:none;text-decoration:none}.auth-link:hover{text-shadow:0 0 8px #c41e3a66}.auth-submit-wrapper{margin-top:.5rem;display:flex;position:relative}.auth-submit{border-radius:var(--radius-full);width:100%;font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-primary);letter-spacing:.02em;background:linear-gradient(135deg, var(--crimson) 0%, var(--ember) 50%, var(--crimson-bright) 100%);animation:gradientShift 8s var(--ease-breath) infinite, heroGlowBreathe 4s var(--ease-breath) infinite;cursor:pointer;transition:transform var(--duration-normal) var(--ease-silk), border-color var(--duration-normal) var(--ease-silk);will-change:transform;background-size:200% 200%;border:1.5px solid #c41e3a4d;justify-content:center;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:500;display:inline-flex;position:relative}.auth-submit:hover{border-color:#ff6b3580;transform:translateY(-2px)}.auth-submit:active{transform:translateY(0)scale(.99)}.auth-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #c41e3a4d}.auth-submit .btn-icon{opacity:.9;width:17px;height:17px}.auth-divider{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:var(--letterspacing-wide);text-transform:uppercase;align-items:center;gap:1rem;margin:1.75rem 0 1.5rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(to right, transparent, var(--border-subtle), transparent);flex:1;height:1px}.auth-switch{text-align:center;font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-secondary)}.auth-switch .auth-link{font-size:var(--text-small);margin-left:.25rem}.auth-foot{text-align:center;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);line-height:var(--lineheight-normal);margin-top:1.5rem}.auth-foot a{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);text-decoration:none}.auth-foot a:hover{color:var(--text-primary)}.auth-entrance{opacity:0;animation:entranceCard .9s var(--ease-dramatic) forwards;transform:translateY(28px)}.auth-entrance-delay-1{animation-delay:.12s}.auth-entrance-delay-2{animation-delay:.22s}@media (max-width:480px){.auth-card{padding:2.25rem 1.5rem 2rem}.auth-brand{top:1.5rem}}@media (prefers-reduced-motion:reduce){.auth-entrance{opacity:1;animation:none;transform:none}.auth-card-ambient{animation:none}}