.auth-layout{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-bg-gradient{pointer-events:none;z-index:0;background:radial-gradient(#39ff5a14 0%,#39ff5a08 30%,#0000 70%);width:800px;height:800px;position:fixed;top:-30%;left:50%;transform:translate(-50%)}.auth-main{padding:var(--space-6);z-index:1;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.auth-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--space-10);box-shadow:var(--shadow-lg);background:#0d1017d9;animation:.4s forwards fadeInUp}.auth-logo{text-align:center;margin-bottom:var(--space-8)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-header h1{font-family:var(--font-display);color:var(--text-primary);text-transform:uppercase;margin-bottom:var(--space-2);font-size:2.5rem;line-height:1.1}.auth-header p{font-family:var(--font-body);color:var(--text-secondary);font-size:.9375rem}.auth-logo-text{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-primary);text-transform:uppercase;margin-bottom:var(--space-2);font-size:3.5rem;line-height:1}.auth-logo-text span{color:var(--green)}.auth-subtitle{font-family:var(--font-body);color:var(--text-secondary);font-size:.9375rem;font-weight:300}.auth-tag{font-family:var(--font-mono);color:var(--green);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-6);opacity:.7;font-size:.6875rem;font-weight:400}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-family:var(--font-body);color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.form-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:.9375rem;font-weight:400}.form-input::placeholder{color:var(--text-muted);font-weight:300}.form-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #39ff5a1a}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input.error{border-color:var(--red);box-shadow:0 0 0 3px #ef44441a}.form-error{font-family:var(--font-body);color:var(--red);align-items:center;gap:6px;font-size:.8125rem;font-weight:400;display:flex}.auth-error{background:var(--red-dim);border-radius:var(--radius-sm);color:var(--red);font-family:var(--font-body);text-align:center;border:1px solid #ef44444d;padding:12px 16px;font-size:.875rem;font-weight:400;animation:.2s fadeInUp}.auth-success{background:var(--green-dim);border:1px solid var(--green-border);border-radius:var(--radius-sm);color:var(--green);font-family:var(--font-body);text-align:center;padding:12px 16px;font-size:.875rem;font-weight:400;animation:.2s fadeInUp}.auth-submit{background:var(--green);color:#000;width:100%;font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.875rem;font-weight:700;display:flex}.auth-submit:hover:not(:disabled){color:#000;box-shadow:var(--shadow-green-strong);background:#fff;transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-submit .spinner{border-width:2px;border-top-color:#000;width:16px;height:16px}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-2) 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-divider span{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.6875rem}.access-code-toggle{background:var(--green-dim);border:1px solid var(--green-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--green);font-family:var(--font-body);letter-spacing:.04em;text-align:left;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:.8125rem;font-weight:600;display:flex}.access-code-toggle:hover{border-color:var(--green);background:#39ff5a1f}.access-code-toggle .icon{transition:transform var(--transition-fast);font-size:1rem}.access-code-toggle .icon.open{transform:rotate(45deg)}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.auth-footer p{color:var(--text-secondary);font-size:.875rem}.auth-footer a{color:var(--green);transition:opacity var(--transition-fast);font-weight:600}.auth-footer a:hover{opacity:.8}.password-strength{gap:4px;margin-top:4px;display:flex}.password-strength-bar{background:var(--bg-surface-3);height:3px;transition:background var(--transition-fast);border-radius:2px;flex:1}.password-strength-bar.active.weak{background:var(--red)}.password-strength-bar.active.medium{background:#f59e0b}.password-strength-bar.active.strong{background:var(--green)}.password-strength-text{font-family:var(--font-mono);letter-spacing:.05em;margin-top:4px;font-size:.6875rem}.password-strength-text.weak{color:var(--red)}.password-strength-text.medium{color:#f59e0b}.password-strength-text.strong{color:var(--green)}@media (max-width:480px){.auth-card{padding:var(--space-6);border-radius:var(--radius-md)}.auth-logo-text{font-size:2.5rem}}