:root{--auth-bg-pattern: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(245, 158, 11, .02) 10px, rgba(245, 158, 11, .02) 20px );--auth-glow-primary: 0 0 40px rgba(245, 158, 11, .15);--auth-glow-secondary: 0 0 60px rgba(34, 211, 238, .1);--auth-card-border: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:var(--auth-bg-pattern);opacity:.5;animation:auth-pattern-drift 60s linear infinite}@keyframes auth-pattern-drift{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.auth-page:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(245,158,11,.08) 0%,transparent 50%);pointer-events:none}.auth-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;z-index:1}.auth-card{width:100%;max-width:440px;position:relative}.auth-card:before{content:"";position:absolute;inset:-2px;background:var(--auth-card-border);border-radius:calc(var(--radius-2xl) + 2px);opacity:.3;transition:opacity var(--transition-base)}.auth-card:hover:before{opacity:.5}.auth-card-inner{position:relative;background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl),var(--auth-glow-primary)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.auth-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow)}.auth-logo-icon svg{width:28px;height:28px;color:var(--color-bg)}.auth-logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.025em}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.025em}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.auth-form{display:flex;flex-direction:column;gap:var(--space-5)}.auth-field{display:flex;flex-direction:column;gap:var(--space-2)}.auth-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.auth-label-required{color:var(--color-danger)}.auth-input{width:100%;padding:var(--space-4);font-size:var(--font-size-base);font-family:inherit;color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.auth-input::-moz-placeholder{color:var(--color-text-muted)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:hover{border-color:var(--color-border-light);background:var(--color-surface)}.auth-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-glow)}.auth-input:disabled{opacity:.5;cursor:not-allowed}.auth-input-wrapper{position:relative}.auth-input-icon{position:absolute;top:50%;left:var(--space-4);transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast)}[dir=rtl] .auth-input-icon{left:auto;right:var(--space-4)}.auth-input-wrapper .auth-input{padding-left:calc(var(--space-4) + 28px)}[dir=rtl] .auth-input-wrapper .auth-input{padding-left:var(--space-4);padding-right:calc(var(--space-4) + 28px)}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--color-primary)}.auth-password-toggle{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);padding:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast)}[dir=rtl] .auth-password-toggle{right:auto;left:var(--space-4)}.auth-password-toggle:hover{color:var(--color-text)}.auth-password-toggle svg{width:20px;height:20px}.auth-actions{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.auth-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast)}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-btn--loading{position:relative;color:transparent}.auth-btn--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--color-bg);border-top-color:transparent;border-radius:50%;animation:auth-spin .6s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-btn--secondary{background:var(--color-surface-elevated);color:var(--color-text)}.auth-btn--secondary:hover:not(:disabled){background:var(--color-border);box-shadow:var(--shadow-md)}.auth-helper{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.auth-checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.auth-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.auth-link{font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary-light);text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary)}.auth-message{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--space-3)}.auth-message--error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5}.auth-message--success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.auth-message--info{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);color:#67e8f9}.auth-message svg{flex-shrink:0;width:20px;height:20px}.auth-code-inputs{display:flex;justify-content:center;gap:var(--space-3)}.auth-code-input{width:52px;height:60px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-code-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.auth-code-input::-webkit-inner-spin-button,.auth-code-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.auth-language-selector{position:absolute;top:var(--space-6);right:var(--space-6);z-index:10}[dir=rtl] .auth-language-selector{right:auto;left:var(--space-6)}.auth-language-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.auth-language-btn:hover{border-color:var(--color-border-light);color:var(--color-text)}.auth-language-btn svg{width:16px;height:16px}.auth-language-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}[dir=rtl] .auth-language-dropdown{right:auto;left:0}.auth-language-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.auth-language-option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background-color var(--transition-fast);text-align:left}[dir=rtl] .auth-language-option{text-align:right}.auth-language-option:hover{background:var(--color-surface-elevated)}.auth-language-option.active{color:var(--color-primary)}@media(max-width:480px){.auth-card-inner{padding:var(--space-6)}.auth-title{font-size:var(--font-size-2xl)}.auth-code-inputs{gap:var(--space-2)}.auth-code-input{width:44px;height:52px;font-size:var(--font-size-xl)}}[dir=rtl] .auth-helper,[dir=rtl] .auth-checkbox,[dir=rtl] .auth-message{flex-direction:row-reverse}.auth-security-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3);background:#10b9811a;border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--color-success)}.auth-security-badge svg{width:14px;height:14px}.auth-invitation-code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.1em;text-transform:uppercase}