.auth-container{--color-primary-50:#ecfdf5;--color-primary-100:#d1fae5;--color-primary-500:#10b981;--color-primary-600:#059669;--color-primary-700:#047857;--color-surface:#18181b;--color-border:#3f3f46;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-error-50:#ef44441a;--color-error-200:#ef44444d;--color-error-500:#f87171;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-lg:.75rem;--radius-md:.5rem;--radius-sm:.25rem;--shadow-xl:0 20px 40px #00000073;min-height:100vh;padding:var(--space-4);background:radial-gradient(circle at top,#064e3b 0%,#09090b 55%);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);border-radius:1rem;width:100%;max-width:480px;position:relative;overflow:hidden}.auth-card:before{content:"";background:linear-gradient(90deg, var(--color-primary-500), var(--color-primary-700));height:4px;position:absolute;top:0;left:0;right:0}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-header-top{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.auth-logo{background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.auth-title{color:var(--color-text-primary);margin-bottom:var(--space-2);font-size:1.875rem;font-weight:700}.auth-title-accent{color:var(--color-primary-500)}.auth-subtitle{color:var(--color-text-secondary);font-size:1rem}.auth-form{gap:var(--space-6);margin-bottom:var(--space-6);flex-direction:column;display:flex}.auth-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.auth-form-group{gap:var(--space-2);flex-direction:column;display:flex}.auth-form-label{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.auth-form-input-container,.auth-password-input{align-items:center;display:flex;position:relative}.auth-form-input{width:100%;padding:var(--space-3) var(--space-4);padding-left:var(--space-10);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);background:#09090b;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.auth-form-input:focus{border-color:var(--color-primary-500);outline:none;box-shadow:0 0 0 3px #10b98126}.auth-form-input::placeholder{color:var(--color-text-tertiary)}.auth-form-icon{left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.auth-password-toggle{right:var(--space-3);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-1);background:0 0;border:none;position:absolute;top:50%;transform:translateY(-50%)}.auth-password-toggle .icon{width:18px;height:18px}.auth-form-input-error{border-color:#f87171!important}.auth-form-error{color:var(--color-error-500);margin-top:var(--space-1);font-size:.75rem}.auth-error-center{margin:var(--space-4) 0;justify-content:center;display:flex}.auth-error-center .auth-form-error{background:var(--color-error-50);border:1px solid var(--color-error-200);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;width:100%}.auth-submit-btn{width:100%;padding:var(--space-4);background:linear-gradient(135deg, var(--color-primary-500), var(--color-primary-700));color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;font-size:.9375rem;font-weight:600;transition:opacity .2s,transform .2s}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-loading{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.auth-loading .loading{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-form-toggle{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.auth-form-toggle-text{color:var(--color-text-secondary);margin-bottom:var(--space-2);font-size:.875rem}.auth-form-toggle-button{color:var(--color-primary-500);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.auth-form-toggle-button:hover{color:var(--color-primary-600);text-decoration:underline}.auth-lang-switcher{position:relative}.auth-lang-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;background:#09090b;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.auth-lang-menu{border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:20;min-width:160px;box-shadow:var(--shadow-xl);background:#18181b;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.auth-lang-item{width:100%;color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.auth-lang-item:hover,.auth-lang-item.active{color:var(--color-text-primary);background:#10b9811a}@media (max-width:575px){.auth-form-row{grid-template-columns:1fr}.auth-card{padding:var(--space-6)}}