:root{--shadow-md:0 4px 6px rgba(26,26,26,.1),0 2px 4px rgba(26,26,26,.06);--shadow-lg:0 10px 15px rgba(26,26,26,.1),0 4px 6px rgba(26,26,26,.05);--shadow-xl:0 20px 25px rgba(26,26,26,.1),0 10px 10px rgba(26,26,26,.04);--shadow-primary:0 4px 14px 0 rgba(0,170,255,.4);--shadow-secondary:0 4px 14px 0 rgba(255,215,0,.4);--light-primary-50:#f2fbff;--light-primary-100:#cef;--light-primary-200:#9df;--light-primary-300:#6cf;--light-primary-400:#3bf;--light-primary-500:#0af;--light-primary-600:#0091d9;--light-primary-700:#0077b3;--light-primary-800:#005e8c;--light-primary-900:#046;--light-primary-950:#002b40;--light-secondary-50:#fffdf2;--light-secondary-100:#fff7cc;--light-secondary-200:#ffef99;--light-secondary-300:#ffe766;--light-secondary-400:#ffdf33;--light-secondary-500:gold;--light-secondary-600:#d9b700;--light-secondary-700:#b39700;--light-secondary-800:#8c7600;--light-secondary-900:#665600;--light-secondary-950:#403600;--color-primary:#0077b3;--color-primary-light:#0af;--color-primary-dark:#005e8c;--color-secondary:#d9b700;--color-secondary-light:#ffdf33;--color-secondary-dark:#8c7600;--color-error:#dc2d1b;--color-success:#47914d;--color-warning:#d98000;--color-info:#0091d9;--color-bg:#f5f9ff;--color-bg-alt:#f5f6f7;--color-bg-surface:#fff;--color-bg-hover:#e2e5e7;--color-bg-active:#c6cbcf;--color-bg-disabled:#e2e5e7;--color-text:#0f1011;--color-text-alt:#7a858f;--color-text-muted:#3a4046;--color-text-subtle:#495057;--color-text-on-primary:#fff;--color-text-on-secondary:#0f1011;--color-text-disabled:#7a858f;--color-border:#c6cbcf;--color-border-light:#e2e5e7;--color-border-dark:#a0a8af;--color-border-hover:#a0a8af;--color-border-focus:#0af;--shadow-xs:0 1px 2px rgba(26,26,26,.05);--shadow-sm:0 1px 3px rgba(26,26,26,.1),0 1px 2px rgba(26,26,26,.06);--shadow-md:0 4px 6px rgba(26,26,26,.08),0 2px 4px rgba(26,26,26,.04);--shadow-lg:0 10px 15px rgba(26,26,26,.08),0 4px 6px rgba(26,26,26,.02);--shadow-xl:0 20px 25px rgba(26,26,26,.08),0 10px 10px rgba(26,26,26,.02);--shadow-primary:0 4px 14px 0 rgba(0,170,255,.15);--shadow-secondary:0 4px 14px 0 rgba(255,215,0,.15);--shadow-inner-sm:inset 0 2px 4px 0 rgba(26,26,26,.06);--shadow-inner-md:inset 0 4px 6px 0 rgba(26,26,26,.1);--overlay-light:hsla(0,0%,100%,.7);--overlay-dark:rgba(0,0,0,.1);--primary-50:#f2fbff;--primary-100:#cef;--primary-200:#9df;--primary-300:#6cf;--primary-400:#3bf;--primary-500:#0af;--primary-600:#0091d9;--primary-700:#0077b3;--primary-800:#005e8c;--primary-900:#046;--primary-950:#002b40;--secondary-50:#fffdf2;--secondary-100:#fff7cc;--secondary-200:#ffef99;--secondary-300:#ffe766;--secondary-400:#ffdf33;--secondary-500:gold;--secondary-600:#d9b700;--secondary-700:#b39700;--secondary-800:#8c7600;--secondary-900:#665600;--secondary-950:#403600;--error-50:#fef6f5;--error-100:#fadbd8;--error-200:#f5b7b1;--error-300:#f1948a;--error-400:#ec7063;--error-500:#e74c3c;--error-600:#dc2d1b;--error-700:#b52516;--error-800:#8f1d12;--error-900:#68150d;--error-950:#410d08;--success-50:#f6fbf7;--success-100:#dceede;--success-200:#baddbd;--success-300:#97cc9c;--success-400:#75bc7b;--success-500:#53aa5a;--success-600:#47914d;--success-700:#3a773f;--success-800:#2e5e32;--success-900:#214424;--success-950:#152b17;--warning-50:#fffaf2;--warning-100:#ffeacc;--warning-200:#ffd599;--warning-300:#ffc166;--warning-400:#ffac33;--warning-500:#ff9700;--warning-600:#d98000;--warning-700:#b36a00;--warning-800:#8c5300;--warning-900:#663c00;--warning-950:#402600;--gray-50:#f5f6f7;--gray-100:#e2e5e7;--gray-200:#c6cbcf;--gray-300:#a0a8af;--gray-400:#7a858f;--gray-500:#495057;--gray-600:#3a4046;--gray-700:#2c3034;--gray-750:#25282c;--gray-800:#1d2023;--gray-850:#16181a;--gray-900:#0f1011;--gray-950:#070809;--border-radius-sm:5px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-circle:50%;--transition-fast:0.15s;--transition-normal:0.3s;--transition-slow:0.45s;--transition-timing:cubic-bezier(0.4,0,0.2,1)}:root.dark{--dark-dark--50:#f4fbff;--dark-dark--100:#d1f0ff;--dark-dark--200:#a3e0ff;--dark-dark--300:#75d1ff;--dark-dark--400:#47c2ff;--dark-dark--500:#1ab3ff;--dark-dark--600:#009fee;--dark-dark--700:#0083c4;--dark-dark--800:#00679a;--dark-dark--900:#004b70;--dark-dark--950:#002f46;--dark-dark--50:#fffdf3;--dark-dark--100:#fff7cf;--dark-dark--200:#fff09e;--dark-dark--300:#ffe86e;--dark-dark--400:#ffe13d;--dark-dark--500:#ffd90d;--dark-dark--600:#e4c000;--dark-dark--700:#bb9e00;--dark-dark--800:#937c00;--dark-dark--900:#6b5a00;--dark-dark--950:#433800;--color-primary:#3bf;--color-primary-light:#6cf;--color-primary-dark:#0af;--color-secondary:#ffdf33;--color-secondary-light:#ffe766;--color-secondary-dark:gold;--color-error:#ec7063;--color-success:#75bc7b;--color-warning:#ffac33;--color-info:#3bf;--color-bg:#070809;--color-bg-alt:#0f1011;--color-bg-surface:#16181a;--color-bg-hover:#1d2023;--color-bg-active:#2c3034;--color-bg-disabled:#0f1011;--color-text:#e2e5e7;--color-text-alt:#a0a8af;--color-text-muted:#a0a8af;--color-text-subtle:#7a858f;--color-text-on-primary:#070809;--color-text-on-secondary:#070809;--color-text-disabled:#3a4046;--color-border:#1d2023;--color-border-light:#2c3034;--color-border-dark:#3a4046;--color-border-hover:#3a4046;--color-border-focus:#3bf;--shadow-xs:0 1px 2px rgba(26,26,26,.3);--shadow-sm:0 1px 3px rgba(26,26,26,.4),0 1px 2px rgba(26,26,26,.25);--shadow-md:0 4px 6px rgba(26,26,26,.4),0 2px 4px rgba(26,26,26,.25);--shadow-lg:0 10px 15px rgba(26,26,26,.4),0 4px 6px rgba(26,26,26,.2);--shadow-xl:0 20px 25px rgba(26,26,26,.4),0 10px 10px rgba(26,26,26,.15);--shadow-primary:0 4px 14px 0 rgba(0,170,255,.4);--shadow-secondary:0 4px 14px 0 rgba(255,215,0,.4);--shadow-inner-sm:inset 0 2px 4px 0 rgba(26,26,26,.4);--shadow-inner-md:inset 0 4px 6px 0 rgba(26,26,26,.5);--overlay-light:hsla(0,0%,100%,.1);--overlay-dark:rgba(0,0,0,.5)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-secondary{box-shadow:var(--shadow-secondary)}.shadow-inner-sm{box-shadow:var(--shadow-inner-sm)}.shadow-inner-md{box-shadow:var(--shadow-inner-md)}.shadow-none{box-shadow:none}.shadow-hover{transition:box-shadow var(--transition-normal) var(--transition-timing)}.shadow-hover:hover{box-shadow:var(--shadow-md)}.shadow-hover:active{box-shadow:var(--shadow-sm)}.shadow-focus{transition:box-shadow var(--transition-normal) var(--transition-timing)}.shadow-focus:focus{box-shadow:var(--shadow-primary),0 0 0 3px var(--color-border-focus);outline:none}.color-primary-50{color:#f2fbff}.color-primary-100{color:#cef}.color-primary-200{color:#9df}.color-primary-300{color:#6cf}.color-primary-400{color:#3bf}.color-primary-500{color:#0af}.color-primary-600{color:#0091d9}.color-primary-700{color:#0077b3}.color-primary-800{color:#005e8c}.color-primary-900{color:#046}.color-primary-950{color:#002b40}.color-secondary-50{color:#fffdf2}.color-secondary-100{color:#fff7cc}.color-secondary-200{color:#ffef99}.color-secondary-300{color:#ffe766}.color-secondary-400{color:#ffdf33}.color-secondary-500{color:gold}.color-secondary-600{color:#d9b700}.color-secondary-700{color:#b39700}.color-secondary-800{color:#8c7600}.color-secondary-900{color:#665600}.color-secondary-950{color:#403600}.color-gray-50{color:#f5f6f7}.color-gray-100{color:#e2e5e7}.color-gray-200{color:#c6cbcf}.color-gray-300{color:#a0a7af}.color-gray-400{color:#7a848f}.color-gray-500{color:#495057}.color-gray-600{color:#3a4046}.color-gray-700{color:#2c3034}.color-gray-750{color:#25282c}.color-gray-800{color:#1d2023}.color-gray-850{color:#16181a}.color-gray-900{color:#0f1011}.color-gray-950{color:#070809}.bg-gray-50{bg:#f5f6f7}.bg-gray-100{bg:#e2e5e7}.bg-gray-200{bg:#c6cbcf}.bg-gray-300{bg:#a0a7af}.bg-gray-400{bg:#7a848f}.bg-gray-500{bg:#495057}.bg-gray-600{bg:#3a4046}.bg-gray-700{bg:#2c3034}.bg-gray-750{bg:#25282c}.bg-gray-800{bg:#1d2023}.bg-gray-850{bg:#16181a}.bg-gray-900{bg:#0f1011}.bg-gray-950{bg:#070809}.color-error-50{color:#fef6f5}.color-error-100{color:#fadbd8}.color-error-200{color:#f5b7b1}.color-error-300{color:#f1948a}.color-error-400{color:#ec7063}.color-error-500{color:#e74c3c}.color-error-600{color:#dc2d1b}.color-error-700{color:#b52516}.color-error-800{color:#8f1d12}.color-error-900{color:#68150d}.color-error-950{color:#410d08}.color-success-50{color:#f6fbf7}.color-success-100{color:#dceede}.color-success-200{color:#baddbd}.color-success-300{color:#97cc9c}.color-success-400{color:#75bc7b}.color-success-500{color:#53aa5a}.color-success-600{color:#47914d}.color-success-700{color:#3a773f}.color-success-800{color:#2e5e32}.color-success-900{color:#214424}.color-success-950{color:#152b17}.color-warning-50{color:#fffaf2}.color-warning-100{color:#ffeacc}.color-warning-200{color:#ffd599}.color-warning-300{color:#ffc166}.color-warning-400{color:#ffac33}.color-warning-500{color:#ff9700}.color-warning-600{color:#d98000}.color-warning-700{color:#b36a00}.color-warning-800{color:#8c5300}.color-warning-900{color:#663c00}.color-warning-950{color:#402600}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-disabled{color:var(--color-text-disabled)}.bg-surface{background-color:var(--color-bg-surface)}.bg-alt{background-color:var(--color-bg-alt)}.bg-hover{background-color:var(--color-bg-hover)}.bg-disabled{background-color:var(--color-bg-disabled)}.border-light{border-color:var(--color-border-light)}.border-dark{border-color:var(--color-border-dark)}.border-hover{border-color:var(--color-border-hover)}.state-hover:hover{background-color:var(--color-bg-hover)}.state-active{background-color:var(--color-bg-active)}.state-disabled{background-color:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert{align-items:flex-start;animation:slideInDown .3s ease;border-radius:8px;display:flex;padding:16px 24px}.alert i{font-size:1.2rem;margin-top:2px}.alert-success{background:rgba(83,170,90,.1);border:1px solid rgba(83,170,90,.3);color:#53aa5a}.alert-error{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);color:#e74c3c}.btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:12px;justify-content:center;max-width:100%;padding:12px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn i{font-size:1.1em}.btn-primary{background:linear-gradient(135deg,#0af,#069);color:var(--color-text-on-primary)}.btn-primary:hover{background:linear-gradient(135deg,#4dc4ff,#0af);box-shadow:0 4px 14px 0 rgba(0,170,255,.4);transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,gold,#998100);color:var(--color-text-on-secondary)}.btn-secondary:hover{box-shadow:0 4px 14px 0 rgba(255,215,0,.4);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:rgba(var(--color-primary),.05);border-color:var(--color-primary);color:var(--color-primary)}.btn-gradient{background:linear-gradient(135deg,#0af,gold);color:#fff}.btn-gradient:hover{box-shadow:0 10px 15px rgba(26,26,26,.1),0 4px 6px rgba(26,26,26,.05);transform:translateY(-2px)}.btn-large{font-size:1.25rem;padding:16px 32px}.btn-xlarge{font-size:1.25rem;font-weight:700;padding:24px 48px}.btn-block{display:block;text-align:center;width:100%}.code-inputs{display:flex;gap:12px;margin-bottom:16px}@media(max-width:768px){.code-inputs{gap:8px}}.code-inputs label{display:block;position:relative;width:16%}.code-inputs .code-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1.5rem;font-weight:700;height:60px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.code-inputs .code-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1);outline:none;transform:scale(1.05)}.code-inputs .code-input.filled{background:rgba(var(--color-primary),.05);border-color:var(--color-primary)}.code-inputs .code-input.error{animation:shake .5s ease;border-color:#e74c3c}@media(max-width:992px){.code-inputs .code-input{font-size:1.25rem;height:50px}}.confirmation-content{padding:0 0 32px;text-align:center}.confirmation-content .confirmation-icon{align-items:center;background:rgba(83,170,90,.1);border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.confirmation-content .confirmation-icon i{color:#53aa5a;font-size:3rem}.confirmation-content h2{color:var(--color-text);font-size:2rem;margin-bottom:16px}.confirmation-content .confirmation-text{color:var(--color-text-alt);line-height:1.6;margin:0 auto 48px;max-width:500px}.confirmation-content .confirmation-actions{display:flex;flex-direction:column;gap:24px;justify-content:center;margin-bottom:48px}.confirmation-content .confirmation-tips{margin:0 auto;max-width:500px}.confirmation-content .confirmation-tips .tip{align-items:flex-start;background:var(--color-bg-alt);border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.confirmation-content .confirmation-tips .tip:last-child{margin-bottom:0}.confirmation-content .confirmation-tips .tip i{color:var(--color-primary);font-size:1.2rem;margin-top:2px}.confirmation-content .confirmation-tips .tip div{text-align:left}.confirmation-content .confirmation-tips .tip div strong{color:var(--color-text);display:block;font-size:.875rem;margin-bottom:2px}.confirmation-content .confirmation-tips .tip div span{color:var(--color-text-alt);font-size:.875rem}@media(max-width:992px){.confirmation-actions{flex-direction:column}}.default-form .form-group{margin-bottom:32px}.default-form .form-group:last-of-type{margin-bottom:0}.default-form .form-label{align-items:center;color:var(--color-text);display:flex;font-weight:500;gap:12px;margin-bottom:12px}.default-form .form-label i{color:var(--color-primary);font-size:1.1rem}.default-form .form-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:1rem;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.default-form .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1);outline:none}.default-form .form-input:invalid:not(:focus):not(:placeholder-shown){border-color:#e74c3c}.default-form .form-input::placeholder{color:var(--color-text-alt);opacity:.6}.default-form .input-with-icon{position:relative}.default-form .input-with-icon .form-input{padding-right:45px}.default-form .input-with-icon .input-clear,.default-form .input-with-icon .password-toggle{background:none;border:none;color:var(--color-text-alt);cursor:pointer;font-size:1rem;padding:8px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s cubic-bezier(.4,0,.2,1)}.default-form .input-with-icon .input-clear:hover,.default-form .input-with-icon .password-toggle:hover{color:var(--color-text)}.default-form .input-with-icon .input-clear{opacity:0;pointer-events:none}.default-form .input-with-icon .input-clear.visible{opacity:1;pointer-events:all}.default-form .form-error{color:#e74c3c;display:block;font-size:.875rem;margin-top:8px;min-height:20px}.default-form .form-hint{align-items:center;color:var(--color-text-alt);display:flex;font-size:.875rem;gap:12px;margin-top:12px}.default-form .form-hint i{color:var(--color-primary)}.divider{margin:32px 0;position:relative;text-align:center}.divider:before{content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span,.divider:before{background:var(--color-border)}.divider span{border-radius:12px;color:var(--color-text-alt);font-size:.875rem;padding:0 24px;position:relative;z-index:1}.form-actions .btn{margin-bottom:16px;overflow:hidden;position:relative}.form-actions .btn:last-child{margin-bottom:0}.form-actions .btn:disabled{cursor:not-allowed;opacity:.7}.form-actions .btn .btn-loader{align-items:center;background:inherit;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.form-actions .btn .btn-loader.loading{opacity:1}.form-actions .btn .btn-loader .loader-spinner{animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:20px;width:20px}.form-actions .divider{align-items:center;color:var(--color-text-alt);display:flex;margin:24px 0}.form-actions .divider:after,.form-actions .divider:before{background:var(--color-border);content:"";flex:1;height:1px}.form-actions .divider span{font-size:.875rem;font-weight:500;padding:0 16px}.password-strength{display:none;margin-top:12px;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.password-strength.visible{display:block;opacity:1}.password-strength .strength-bar{display:flex;gap:4px;margin-bottom:8px}.password-strength .strength-bar .strength-segment{background:var(--color-border);border-radius:2px;flex:1;height:4px;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-strength .strength-bar .strength-segment.weak{background:#e74c3c}.password-strength .strength-bar .strength-segment.fair{background:#ff9700}.password-strength .strength-bar .strength-segment.good,.password-strength .strength-bar .strength-segment.strong{background:#53aa5a}.password-strength .strength-text{color:var(--color-text-alt);font-size:.75rem;text-align:center}.password-match{align-items:center;color:#53aa5a;display:flex;font-size:.875rem;gap:12px;margin-top:12px;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.password-match.visible{opacity:1}.password-match i{font-size:1rem}.progress-indicator .progress-steps{display:flex;justify-content:space-between;margin-bottom:12px}.progress-indicator .progress-steps .step{align-items:center;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.progress-indicator .progress-steps .step.active .step-number{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.progress-indicator .progress-steps .step.active .step-label{color:var(--color-text);font-weight:500}.progress-indicator .progress-steps .step.completed .step-number{background:#53aa5a;border-color:#53aa5a;color:#fff}.progress-indicator .progress-steps .step .step-number{align-items:center;background:var(--color-bg);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-alt);display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.progress-indicator .progress-steps .step .step-label{color:var(--color-text-alt);font-size:.75rem;text-align:center;transition:color .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.progress-indicator .progress-bar{background:var(--color-border);border-radius:2px;height:4px;margin:0 18px;position:relative}.progress-indicator .progress-bar .progress-fill{background:var(--color-primary);border-radius:2px;height:100%;left:0;position:absolute;top:0;transition:width .5s ease;width:33%}@media(max-width:768px){.progress-steps .step-label{font-size:.7rem!important}}.step-container{animation:fadeIn .5s ease;display:none}.step-container.active{display:block}.step-container .step-header{margin-bottom:32px;text-align:center}.step-container .step-header .step-icon{align-items:center;background:rgba(var(--color-primary),.1);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.step-container .step-header .step-icon i{color:var(--color-primary);font-size:2.5rem}.step-container .step-header .step-title,.step-container .step-header h3{color:var(--color-text);font-size:1.25rem;margin-bottom:12px}.step-container .step-header p{color:var(--color-text-alt);line-height:1.6}.step-container .step-header p strong{color:var(--color-text)}:root{--ts-primary:var(--primary);--ts-primary-hover:var(--primary-500);--ts-background:#fff;--ts-foreground:#1f2937;--ts-border:#e5e7eb;--ts-shadow:0 4px 6px -1px rgba(0,0,0,.1);--ts-shadow-hover:0 10px 15px -3px rgba(0,0,0,.1);--ts-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--ts-primary:#3b82f6;--ts-primary-hover:#2563eb;--ts-background:var(--color-bg-alt);--ts-foreground:#f9fafb;--ts-border:#374151;--ts-shadow:0 4px 6px -1px rgba(0,0,0,.3);--ts-shadow-hover:0 5px 8px -2px rgba(0,0,0,.4)}.theme-switcher{align-items:center;background:var(--ts-background);border:1px solid var(--ts-border);border-radius:50px;box-shadow:var(--ts-shadow);cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:relative;transition:var(--ts-transition)}.theme-switcher:hover{box-shadow:var(--ts-shadow-hover);transform:translateY(-1px)}.theme-switcher:focus-visible{outline:2px solid var(--ts-primary);outline-offset:2px}.theme-switcher:active{transform:translateY(0)}.theme-switcher.small{height:28px;width:48px}.theme-switcher.medium{height:34px;width:60px}.theme-switcher.large{height:40px;width:72px}.theme-switcher .switch-track{background:linear-gradient(145deg,#e6e6e6,#fff);border-radius:50px;box-shadow:inset 2px 2px 4px rgba(0,0,0,.1);height:100%;overflow:hidden;position:relative;width:100%}[data-theme=dark] .theme-switcher .switch-track{background:linear-gradient(145deg,#374151,#1f2937);box-shadow:inset 2px 2px 4px rgba(0,0,0,.3)}.switch-thumb{align-items:center;background:var(--ts-background);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;height:calc(100% - 4px);justify-content:center;position:absolute;top:2px;transition:var(--ts-transition);width:calc(50% - 4px)}.switch-thumb.light{background:linear-gradient(145deg,gold,#ffed4e);left:2px;transform:translateX(0)}.switch-thumb.dark{background:linear-gradient(145deg,#4b5563,#6b7280);left:2px;transform:translateX(calc(100% + 4px))}.switch-thumb .icon-container{align-items:center;display:flex;height:60%;justify-content:center;width:60%}.switch-thumb .icon{height:100%;width:100%}.switch-thumb .icon .sun-center{fill:#f59e0b}.switch-thumb .icon .sun-ray{stroke:#f59e0b;stroke-linecap:round;stroke-width:2}.switch-thumb .icon .moon{fill:#e5e7eb}.theme-switcher:active .switch-thumb{transform:scale(.95)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.fixed{animation:slideIn .5s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.theme-switcher.fixed.bottom-left,.theme-switcher.fixed.bottom-right,.theme-switcher.fixed.top-left,.theme-switcher.fixed.top-right{bottom:16px;left:auto;right:16px;top:auto}}@media(prefers-reduced-motion:reduce){.switch-thumb,.theme-switcher{transition:none}.fixed{animation:none}}.timer-container,.timer-section{align-items:center;display:flex;justify-content:space-between;margin-top:24px}.timer-container .timer,.timer-section .timer{align-items:center;color:#e74c3c;display:flex;font-size:1rem;font-weight:700;gap:8px}.timer-container .timer i,.timer-section .timer i{font-size:1.1rem}.timer-container .resend-btn,.timer-section .resend-btn{align-items:center;background:none;border:none;color:var(--color-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.timer-container .resend-btn:hover:not(:disabled),.timer-section .resend-btn:hover:not(:disabled){text-decoration:underline}.timer-container .resend-btn:hover:not(:disabled) i,.timer-section .resend-btn:hover:not(:disabled) i{transform:rotate(180deg)}.timer-container .resend-btn:disabled,.timer-section .resend-btn:disabled{cursor:not-allowed;opacity:.5}.timer-container .resend-btn i,.timer-section .resend-btn i{transition:transform .3s cubic-bezier(.4,0,.2,1)}.email-tips{margin-top:32px}.email-tips .tip{align-items:flex-start;background:rgba(var(--color-primary),.05);border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.email-tips .tip:last-child{margin-bottom:0}.email-tips .tip i{color:var(--color-primary);font-size:1.2rem;margin-top:2px}.email-tips .tip div{flex:1}.email-tips .tip div strong{color:var(--color-text);display:block;margin-bottom:2px}.email-tips .tip div span{color:var(--color-text-alt);font-size:.875rem}.forgotten-password-card__header{margin-bottom:48px}.forgotten-password-card__header .back-link{align-items:center;border-bottom:1px solid transparent;color:var(--color-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:12px;margin-bottom:24px;text-decoration:none}.forgotten-password-card__header .back-link:hover{border-bottom-color:var(--color-primary)}.forgotten-password-card__header__title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;gap:8px;margin-bottom:12px}.forgotten-password-card__header__title .logo{display:inline-block;height:40px;width:40px}.forgotten-password-card__header__title .logo svg{height:100%;width:100%}@media(max-width:768px){.forgotten-password-card__header__title{font-size:1.5rem}}.forgotten-password-card__header__subtitle{color:var(--color-text-alt);font-size:1rem;line-height:1.6}.password-requirements{background:var(--color-bg-alt);border-radius:8px;margin-bottom:24px;padding:24px}.password-requirements h5{color:var(--color-text);font-size:.875rem;margin-bottom:16px}.password-requirements ul{list-style:none}.password-requirements ul li{align-items:center;color:var(--color-text-alt);display:flex;font-size:.875rem;gap:12px;margin-bottom:12px}.password-requirements ul li:last-child{margin-bottom:0}.password-requirements ul li i{color:var(--color-border);font-size:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.password-requirements ul li.valid{color:var(--color-text)}.password-requirements ul li.valid i{color:#53aa5a}@media(max-width:992px){.option-buttons{flex-direction:column}.code-inputs .code-input{font-size:1.25rem;height:50px}}.login-content{margin:0 auto;max-width:400px;padding:48px 0;width:100%}.login-header{backdrop-filter:none;background:none;border-bottom:none;margin-bottom:48px;padding:0;text-align:center}.login-header .login-logo{height:90px;margin:auto auto 24px;max-width:90px;position:relative}.login-header .login-logo svg{height:100%;width:100%}.login-header h1{color:var(--color-text);font-size:2.5rem;margin-bottom:16px}@media(max-width:768px){.login-header h1{font-size:2rem}}.login-header .login-subtitle{color:#6c757d;font-size:1.25rem;line-height:1.5}.social-login{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.social-login .social-btn{align-items:center;border:2px solid var(--color-border);border-radius:12px;display:flex;font-weight:500;gap:16px;justify-content:center;padding:24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-login .social-btn .social-icon{text-align:center;width:20px}.social-login .social-btn .social-icon i{font-size:1.2rem}.social-login .social-btn:hover{box-shadow:0 4px 6px rgba(26,26,26,.1),0 2px 4px rgba(26,26,26,.06);transform:translateY(-2px)}.social-login .social-btn.google-btn{color:#db4437}.social-login .social-btn.google-btn:hover{background:rgba(219,68,55,.05);border-color:#db4437}.social-login .social-btn.google-btn .social-icon i{color:#db4437}.social-login .social-btn.facebook-btn{color:#4267b2}.social-login .social-btn.facebook-btn:hover{background:rgba(66,103,178,.05);border-color:#4267b2}.social-login .social-btn.facebook-btn .social-icon i{color:#4267b2}.login-form .form-group{margin-bottom:24px}.login-form .form-group .help{color:#6c757d}.login-form .form-group .help.error{color:#e74c3c}.login-form .form-label{align-items:center;color:var(--color-text);display:flex;font-weight:500;gap:12px;margin-bottom:12px}.login-form .form-label i{color:#0af;width:16px}.login-form .form-input{background-color:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:12px;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-form .form-input:focus{border-color:#0af;box-shadow:0 0 0 3px rgba(0,170,255,.1);outline:none}.login-form .form-input::placeholder{color:var(--color-border)}.login-form .password-input-container{position:relative}.login-form .password-input-container .form-input{color:var(--color-text);padding-right:50px}.login-form .password-input-container .password-toggle{background:none;border:none;border-radius:5px;color:var(--color-text-alt);cursor:pointer;padding:12px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s cubic-bezier(.4,0,.2,1)}.login-form .password-input-container .password-toggle:hover{background:rgba(0,170,255,.1);color:#0af}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}@media(max-width:768px){.form-options{align-items:flex-start;flex-direction:column;gap:16px}}.form-options .checkbox-container{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:12px}.form-options .checkbox-container input[type=checkbox]{display:none}.form-options .checkbox-container input[type=checkbox]:checked+.checkmark{background:#0af;border-color:#0af}.form-options .checkbox-container input[type=checkbox]:checked+.checkmark:after{display:block}.form-options .checkbox-container .checkmark{border:2px solid var(--color-border);border-radius:5px;height:18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:18px}.form-options .checkbox-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg);width:5px}.form-options .forgot-password{color:#0af;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.form-options .forgot-password:hover{color:#069;text-decoration:underline}.login-btn{font-size:1.25rem;font-weight:600;margin-bottom:32px;padding:24px}.login-btn i{font-size:1.1em}.login-links{text-align:center}.login-links p{color:#6c757d;font-size:.875rem;margin-bottom:16px}.login-links p:last-child{margin-bottom:0}.login-links .link{color:#0af;font-weight:500;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.login-links .link:hover{color:#069;text-decoration:underline}.alert{align-items:center;border-radius:12px;display:grid;gap:16px;grid-template-columns:20px 1fr;margin-bottom:24px;padding:24px;text-align:left}.alert.alert-error{background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.2);color:#e74c3c}.alert.alert-error p{color:#e74c3c;margin:0;padding:0}.alert.alert-error i{color:#e74c3c}@media(max-width:768px){.login-content .login-header h1{font-size:1.75rem}.login-content .login-header .login-subtitle{font-size:1rem}.social-login .social-btn{font-size:.875rem;padding:16px}.form-options{align-items:flex-start}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-content>*{animation:fadeInUp .6s ease-out}.login-content>:first-child{animation-delay:.1s}.login-content>:nth-child(2){animation-delay:.2s}.login-content>:nth-child(3){animation-delay:.3s}.login-content>:nth-child(4){animation-delay:.4s}.login-content>:nth-child(5){animation-delay:.5s}.register-card .register-header{margin-bottom:48px}.register-card .register-header .register-title{align-items:center;color:var(--color-text);display:flex;font-size:2rem;gap:8px;margin-bottom:12px}@media(max-width:768px){.register-card .register-header .register-title{font-size:1.5rem}}.register-card .register-header .logo{display:inline-block;height:40px;width:40px}.register-card .register-header .logo svg{height:100%;width:100%}.register-card .register-header .register-subtitle{color:var(--color-text-alt);font-size:1rem;margin-bottom:32px}.terms-section .checkbox-group{margin-bottom:16px}.terms-section .checkbox-group:last-child{margin-bottom:0}.terms-section .checkbox-group .custom-checkbox{display:none}.terms-section .checkbox-group .custom-checkbox:checked+.checkbox-label .checkbox-custom{background:var(--color-primary);border-color:var(--color-primary)}.terms-section .checkbox-group .custom-checkbox:checked+.checkbox-label .checkbox-custom i{opacity:1;transform:scale(1)}.terms-section .checkbox-group .checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:12px;user-select:none}.terms-section .checkbox-group .checkbox-label .checkbox-custom{align-items:center;border:2px solid var(--color-border);border-radius:4px;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.terms-section .checkbox-group .checkbox-label .checkbox-custom i{color:#fff;font-size:.8rem;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.terms-section .checkbox-group .checkbox-label span{color:var(--color-text);font-size:.875rem;line-height:1.4}.terms-section .checkbox-group .checkbox-label span a{color:var(--color-primary);text-decoration:none}.terms-section .checkbox-group .checkbox-label span a:hover{text-decoration:underline}.terms-section .checkbox-group .checkbox-label:hover .checkbox-custom{border-color:var(--color-primary)}.error-container{align-items:center;background:linear-gradient(135deg,rgba(var(--color-primary),.05) 0,rgba(var(--color-secondary),.05) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:32px;position:relative}.error-container:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Cpath fill='%230af' fill-opacity='.03' d='M400 0C179.2 0 0 179.2 0 400s179.2 400 400 400 400-179.2 400-400S620.8 0 400 0m0 700c-165.6 0-300-134.4-300-300s134.4-300 300-300 300 134.4 300 300-134.4 300-300 300'/%3E%3C/svg%3E");background-size:600px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:0}@media(max-width:1200px){.error-container{padding:16px}}.error-wrapper{background:var(--color-bg);border-radius:16px;box-shadow:0 20px 25px rgba(26,26,26,.1),0 10px 10px rgba(26,26,26,.04);display:grid;grid-template-columns:1fr 1fr;max-width:1200px;min-height:700px;overflow:hidden;position:relative;width:100%;z-index:1}@media(max-width:1200px){.error-wrapper{grid-template-columns:1fr;max-width:600px;min-height:auto}}.error-content{display:flex;flex-direction:column;justify-content:center;padding:48px}@media(max-width:1200px){.error-content{padding:32px}}@media(max-width:768px){.error-content{padding:24px}}.error-content .error-icon{align-items:center;background:rgba(var(--color-primary),.1);border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:32px;width:80px}.error-content .error-icon i{color:var(--color-primary);font-size:2.5rem}.error-content .error-title{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;font-size:6rem;font-weight:700;margin-bottom:8px;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}@media(max-width:768px){.error-content .error-title{font-size:4rem}}.error-content .error-subtitle{color:var(--color-text);font-size:2rem;margin-bottom:24px}@media(max-width:768px){.error-content .error-subtitle{font-size:1.5rem}}.error-content .error-description{color:var(--color-text-alt);font-size:1.25rem;line-height:1.6;margin-bottom:48px;max-width:500px}@media(max-width:768px){.error-content .error-description{font-size:1rem}}.error-details{background:var(--color-bg-alt);border-radius:12px;margin-bottom:48px;padding:32px}.error-details .detail-item{align-items:center;display:flex;gap:16px;margin-bottom:24px}.error-details .detail-item:last-child{margin-bottom:0}.error-details .detail-item i{color:var(--color-primary);font-size:1.5rem;width:24px}.error-details .detail-item div strong{color:var(--color-text);display:block;font-size:.875rem;margin-bottom:8px}.error-details .detail-item div span{color:var(--color-text-alt);font-size:1rem;font-weight:500}.error-actions{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:48px}@media(max-width:768px){.error-actions{flex-direction:column}}.error-actions .btn{flex:1;min-width:180px}@media(max-width:768px){.error-actions .btn{min-width:100%;width:100%}}.error-search{margin-bottom:48px}.error-search .search-form .search-group{display:flex;position:relative}.error-search .search-form .search-group .search-input{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px 0 0 8px;color:var(--color-text);flex:1;font-size:1rem;padding:24px 32px}.error-search .search-form .search-group .search-input:focus{border-color:var(--color-primary);outline:none}.error-search .search-form .search-group .search-input::placeholder{color:var(--color-text-alt);opacity:.6}.error-search .search-form .search-group .search-btn{background:var(--color-primary);border:none;border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:1.25rem;padding:0 32px;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.error-search .search-form .search-group .search-btn:hover{background:var(--color-primary-dark)}.error-links{margin-bottom:48px}.error-links h4{color:var(--color-text);font-size:1.25rem;margin-bottom:24px}.error-links .links-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.error-links .links-grid{grid-template-columns:1fr}}.error-links .link-item{align-items:center;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:flex;gap:16px;padding:16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.error-links .link-item:hover{background:var(--color-bg);border-color:var(--color-primary);box-shadow:0 4px 6px rgba(26,26,26,.1),0 2px 4px rgba(26,26,26,.06);transform:translateY(-2px)}.error-links .link-item:hover i{transform:scale(1.1)}.error-links .link-item i{color:var(--color-primary);font-size:1.2rem;transition:transform .3s cubic-bezier(.4,0,.2,1)}.error-tips{background:rgba(var(--color-primary),.05);border-radius:12px;margin-bottom:48px;padding:32px}.error-tips h4{align-items:center;color:var(--color-text);display:flex;font-size:1.25rem;gap:12px;margin-bottom:24px}.error-tips h4 i{color:var(--color-primary)}.error-tips ul{list-style:none}.error-tips ul li{color:var(--color-text-alt);line-height:1.5;margin-bottom:16px;padding-left:24px;position:relative}.error-tips ul li:last-child{margin-bottom:0}.error-tips ul li:before{color:var(--color-primary);content:"•";font-weight:700;left:0;position:absolute}.error-tips ul li a{color:var(--color-primary);text-decoration:none}.error-tips ul li a:hover{text-decoration:underline}.maintenance-info,.timeout-info{margin-bottom:48px}.maintenance-info .info-card,.timeout-info .info-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:12px;overflow:hidden}.maintenance-info .info-card .info-header,.timeout-info .info-card .info-header{align-items:center;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);display:flex;gap:16px;padding:24px}.maintenance-info .info-card .info-header i,.timeout-info .info-card .info-header i{color:var(--color-primary);font-size:1.5rem}.maintenance-info .info-card .info-header h4,.timeout-info .info-card .info-header h4{color:var(--color-text);font-size:1.25rem;margin:0}.maintenance-info .info-card .info-content,.timeout-info .info-card .info-content{padding:24px}.maintenance-info .info-card .info-content p,.timeout-info .info-card .info-content p{color:var(--color-text-alt);line-height:1.6;margin:0}.maintenance-info .info-card .info-content p strong,.timeout-info .info-card .info-content p strong{color:var(--color-text)}.error-illustration{align-items:center;background:linear-gradient(135deg,rgba(var(--color-primary),.1) 0,rgba(var(--color-secondary),.1) 100%);display:flex;justify-content:center;padding:48px}@media(max-width:1200px){.error-illustration{display:none}}.server-animation{height:200px;position:relative;width:200px}.server-animation .server{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.server-animation .server .server-body{background:linear-gradient(135deg,var(--color-gray-800) 0,var(--color-gray-900) 100%);border-radius:8px;height:180px;overflow:hidden;position:relative;width:120px}.server-animation .server .server-body .server-light{background:#53aa5a;border-radius:50%;box-shadow:0 0 10px #53aa5a;height:12px;position:absolute;right:20px;top:20px;width:12px}.server-animation .server .server-body .server-light.error{animation:pulse 1s infinite;background:#e74c3c;box-shadow:0 0 10px #e74c3c}.server-animation .server .server-body .server-slots{bottom:20px;display:flex;gap:8px;left:20px;position:absolute;right:20px}.server-animation .server .server-body .server-slots .server-slot{animation:serverSlot 2s infinite;background:linear-gradient(180deg,var(--color-gray-700) 0,var(--color-gray-900) 100%);border-radius:4px;flex:1;height:60px}.server-animation .server .server-body .server-slots .server-slot:first-child{animation-delay:.2s}.server-animation .server .server-body .server-slots .server-slot:nth-child(2){animation-delay:.4s}.server-animation .server .server-body .server-slots .server-slot:nth-child(3){animation-delay:.6s}.server-animation .server .server-body .server-slots .server-slot:nth-child(4){animation-delay:.8s}.server-animation .server .server-body .server-slots .server-slot:nth-child(5){animation-delay:1s}.server-animation .server .server-body .server-slots .server-slot:nth-child(6){animation-delay:1.2s}.server-animation .connection-dots{display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;top:20px}.server-animation .connection-dots .dot{background:var(--color-gray-600);border-radius:50%;height:8px;width:8px}.server-animation .connection-dots .dot:first-child{animation:dotPulse 1.5s infinite}.server-animation .connection-dots .dot:nth-child(2){animation:dotPulse 1.5s .5s infinite}.server-animation .connection-dots .dot:nth-child(3){animation:dotPulse 1.5s 1s infinite}.compass-animation{height:200px;position:relative;width:200px}.compass-animation .compass{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.compass-animation .compass .compass-base{border:4px solid var(--color-primary);border-radius:50%;height:160px;position:relative;width:160px}.compass-animation .compass .compass-base .compass-needle{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.compass-animation .compass .compass-base .compass-needle .needle{animation:compassSpin 4s linear infinite;background:var(--color-secondary);height:4px;position:relative;width:120px}.compass-animation .compass .compass-base .compass-needle .needle:before{border-bottom:8px solid var(--color-secondary);border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;left:0;position:absolute;top:-4px;width:0}.compass-animation .compass .compass-base .compass-needle .needle:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--color-secondary);bottom:-4px;content:"";height:0;position:absolute;right:0;width:0}.compass-animation .compass .compass-base .compass-cardinal{color:var(--color-primary);font-weight:700;position:absolute}.compass-animation .compass .compass-base .compass-cardinal.n{left:50%;top:10px;transform:translateX(-50%)}.compass-animation .compass .compass-base .compass-cardinal.e{right:10px;top:50%;transform:translateY(-50%)}.compass-animation .compass .compass-base .compass-cardinal.s{bottom:10px;left:50%;transform:translateX(-50%)}.compass-animation .compass .compass-base .compass-cardinal.w{left:10px;top:50%;transform:translateY(-50%)}.compass-animation .search-icon{align-items:center;animation:searchPulse 2s infinite;background:rgba(var(--color-primary),.2);border-radius:50%;bottom:20px;display:flex;height:40px;justify-content:center;position:absolute;right:20px;width:40px}.compass-animation .search-icon i{color:var(--color-primary);font-size:1.2rem}.lock-animation{height:200px;position:relative;width:200px}.lock-animation .lock{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lock-animation .lock .lock-body{background:linear-gradient(135deg,var(--color-gray-800) 0,var(--color-gray-900) 100%);border-radius:12px;height:120px;position:relative;width:100px}.lock-animation .lock .lock-body .lock-shackle{animation:lockShake 3s infinite;border:8px solid var(--color-gray-700);border-bottom:none;border-radius:30px 30px 0 0;height:60px;left:20px;position:absolute;right:20px;top:-30px}.lock-animation .lock .lock-body .lock-keyhole{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.lock-animation .lock .lock-body .lock-keyhole i{animation:keyholeGlow 2s infinite;color:var(--color-secondary);font-size:2rem}.lock-animation .security-shield{align-items:center;background:rgba(var(--color-primary),.2);border-radius:50%;bottom:20px;display:flex;height:60px;justify-content:center;position:absolute;right:20px;width:60px}.lock-animation .security-shield i{color:var(--color-primary);font-size:1.8rem}.construction-animation{height:200px;position:relative;width:250px}.construction-animation .construction-site{bottom:0;left:0;position:absolute;right:0}.construction-animation .construction-site .crane{bottom:0;left:30px;position:absolute}.construction-animation .construction-site .crane .crane-base{background:var(--color-gray-700);height:80px;width:20px}.construction-animation .construction-site .crane .crane-arm{animation:craneSwing 4s infinite alternate;background:var(--color-gray-600);height:10px;left:-60px;position:absolute;top:-60px;transform-origin:right center;width:120px}.construction-animation .construction-site .crane .crane-arm .cable{background:var(--color-gray-500);bottom:-40px;height:40px;left:50%;position:absolute;width:2px}.construction-animation .construction-site .crane .crane-arm .cable .weight{animation:weightBounce 2s infinite;background:var(--color-secondary);border-radius:4px;bottom:-15px;height:18px;left:-8px;position:absolute;width:18px}.construction-animation .construction-site .building{bottom:0;position:absolute;right:30px}.construction-animation .construction-site .building .floor{background:linear-gradient(180deg,var(--color-gray-600) 0,var(--color-gray-800) 100%);border-radius:4px 4px 0 0;height:30px;margin-bottom:2px;width:80px}.construction-animation .construction-site .building .floor:nth-child(2){margin-left:5px;width:70px}.construction-animation .construction-site .building .floor:nth-child(3){margin-left:10px;width:60px}.construction-animation .hard-hat{left:50%;position:absolute;top:20px;transform:translateX(-50%)}.construction-animation .hard-hat i{animation:hardHatBounce 2s infinite;color:var(--color-secondary);font-size:3rem}.network-animation{height:200px;position:relative;width:200px}.network-animation .network-nodes{bottom:0;left:0;position:absolute;right:0;top:0}.network-animation .network-nodes .node{background:var(--color-primary);border-radius:50%;height:20px;position:absolute;width:20px}.network-animation .network-nodes .node:first-child{animation:nodePulse 2s infinite;left:20px;top:20px}.network-animation .network-nodes .node:nth-child(2){animation:nodePulse 2s .5s infinite;right:20px;top:20px}.network-animation .network-nodes .node:nth-child(3){animation:nodePulse 2s 1s infinite;left:50%;top:50%;transform:translate(-50%,-50%)}.network-animation .network-nodes .node:nth-child(4){animation:nodePulse 2s 1.5s infinite;bottom:20px;left:20px}.network-animation .network-nodes .node:nth-child(5){animation:nodePulse 2s 2s infinite;bottom:20px;right:20px}.network-animation .network-connections{bottom:0;left:0;position:absolute;right:0;top:0}.network-animation .network-connections .connection{background:var(--color-border);border-radius:1px;position:absolute}.network-animation .network-connections .connection:first-child{height:2px;left:30px;top:30px;transform:rotate(45deg);transform-origin:left center;width:60px}.network-animation .network-connections .connection:nth-child(2){height:2px;right:30px;top:30px;transform:rotate(-45deg);transform-origin:right center;width:60px}.network-animation .network-connections .connection:nth-child(3){height:2px;left:50%;top:50%;transform:translate(-50%,-50%);width:40px}.network-animation .network-connections .connection:nth-child(4){height:2px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(90deg);width:40px}.network-animation .network-connections .connection:nth-child(5){bottom:30px;height:2px;left:30px;transform:rotate(-45deg);transform-origin:left center;width:60px}.network-animation .network-connections .connection:nth-child(6){bottom:30px;height:2px;right:30px;transform:rotate(45deg);transform-origin:right center;width:60px}.network-animation .network-connections .connection:nth-child(7){height:80px;left:50%;top:30px;transform:translateX(-50%);width:2px}.network-animation .network-connections .connection:nth-child(8){height:2px;left:30px;top:50%;transform:translateY(-50%);width:80px}.network-animation .broken-connection{align-items:center;animation:brokenPulse 2s infinite;background:rgba(231,76,60,.2);border-radius:50%;display:flex;height:60px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.network-animation .broken-connection i{color:#e74c3c;font-size:1.8rem}.maintenance-animation{height:200px;position:relative;width:200px}.maintenance-animation .toolbox{align-items:center;animation:toolboxShake 3s infinite;background:rgba(var(--color-secondary),.2);border-radius:8px;display:flex;height:60px;justify-content:center;left:20px;position:absolute;top:20px;width:60px}.maintenance-animation .toolbox i{color:var(--color-secondary);font-size:2rem}.maintenance-animation .gears{bottom:40px;position:absolute;right:40px}.maintenance-animation .gears .gear{background:var(--color-bg);border:4px solid var(--color-gray-700);border-radius:50%;position:absolute}.maintenance-animation .gears .gear.large{animation:gearSpin 4s linear infinite;height:80px;width:80px}.maintenance-animation .gears .gear.medium{animation:gearSpin 3s linear infinite reverse;height:60px;left:-30px;top:-30px;width:60px}.maintenance-animation .gears .gear.small{animation:gearSpin 2s linear infinite;bottom:-20px;height:40px;right:-20px;width:40px}.maintenance-animation .gears .gear .gear-tooth{background:var(--color-gray-700);border-radius:4px;height:16px;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:8px}.maintenance-animation .gears .gear .gear-tooth:first-child{transform:translateX(-50%) rotate(0deg)}.maintenance-animation .gears .gear .gear-tooth:nth-child(2){transform:translateX(-50%) rotate(60deg)}.maintenance-animation .gears .gear .gear-tooth:nth-child(3){transform:translateX(-50%) rotate(120deg)}.maintenance-animation .gears .gear .gear-tooth:nth-child(4){transform:translateX(-50%) rotate(180deg)}.maintenance-animation .gears .gear .gear-tooth:nth-child(5){transform:translateX(-50%) rotate(240deg)}.maintenance-animation .gears .gear .gear-tooth:nth-child(6){transform:translateX(-50%) rotate(300deg)}.timeout-animation{height:200px;position:relative;width:200px}.timeout-animation .hourglass{height:120px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.timeout-animation .hourglass .hourglass-top{background:linear-gradient(180deg,var(--color-gray-800) 0,var(--color-gray-700) 100%);border-radius:30px 30px 0 0;height:50%;left:0;overflow:hidden;position:absolute;right:0;top:0}.timeout-animation .hourglass .hourglass-top .sand{animation:sandFlow 4s linear infinite;background:var(--color-secondary);border-radius:20px 20px 0 0;bottom:0;height:40px;left:10px;position:absolute;right:10px}.timeout-animation .hourglass .hourglass-middle{background:var(--color-gray-800);border-radius:50%;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.timeout-animation .hourglass .hourglass-bottom{background:linear-gradient(0deg,var(--color-gray-800) 0,var(--color-gray-700) 100%);border-radius:0 0 30px 30px;bottom:0;height:50%;left:0;overflow:hidden;position:absolute;right:0}.timeout-animation .hourglass .hourglass-bottom .sand{animation:sandAccumulate 4s linear infinite;background:var(--color-secondary);border-radius:0 0 20px 20px;height:0;left:10px;position:absolute;right:10px;top:0}.timeout-animation .clock{border:3px solid var(--color-primary);border-radius:50%;bottom:20px;height:60px;position:absolute;right:20px;width:60px}.timeout-animation .clock .clock-face{height:100%;position:relative;width:100%}.timeout-animation .clock .clock-face .hour-hand{animation:hourHand 12s linear infinite;background:var(--color-text);height:20px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(45deg);transform-origin:bottom center;width:3px}.timeout-animation .clock .clock-face .minute-hand{animation:minuteHand 2s linear infinite;background:var(--color-text);height:25px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(90deg);transform-origin:bottom center;width:2px}.timeout-animation .clock .clock-face .second-hand{animation:secondHand 1s linear infinite;background:#e74c3c;height:28px;left:50%;position:absolute;top:50%;transform:translateX(-50%) rotate(0deg);transform-origin:bottom center;width:1px}.error-footer{background:var(--color-bg);border-radius:12px;margin-top:32px;max-width:1200px;padding:24px;text-align:center;width:100%}.error-footer p{color:var(--color-text-alt);font-size:.875rem;margin-bottom:16px}.error-footer .footer-links{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding-top:16px}.error-footer .footer-links a{color:var(--color-text-alt);font-size:.875rem;text-decoration:none}.error-footer .footer-links a:hover{color:var(--color-text);text-decoration:underline}@keyframes pulse{0%,to{box-shadow:0 0 10px #e74c3c;opacity:1}50%{box-shadow:0 0 20px #e74c3c;opacity:.5}}@keyframes serverSlot{0%,to{background:linear-gradient(180deg,var(--color-gray-700) 0,var(--color-gray-900) 100%)}50%{background:linear-gradient(180deg,var(--color-gray-600) 0,var(--color-gray-800) 100%)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes compassSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes searchPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes lockShake{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}75%{transform:translateY(5px)}}@keyframes keyholeGlow{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 10px var(--color-secondary)}}@keyframes craneSwing{0%{transform:rotate(-10deg)}to{transform:rotate(10deg)}}@keyframes weightBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes hardHatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes nodePulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes brokenPulse{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@keyframes toolboxShake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes gearSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes sandFlow{0%{height:40px}to{height:0}}@keyframes sandAccumulate{0%{height:0}to{height:40px}}@keyframes hourHand{0%{transform:translateX(-50%) rotate(45deg)}to{transform:translateX(-50%) rotate(405deg)}}@keyframes minuteHand{0%{transform:translateX(-50%) rotate(90deg)}to{transform:translateX(-50%) rotate(450deg)}}@keyframes secondHand{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}@media(max-width:1200px){.error-wrapper{grid-template-columns:1fr}.error-illustration{display:none}}@media(max-width:992px){.error-actions .btn{flex:1 0 100%}.links-grid{grid-template-columns:1fr!important}}@media(max-width:768px){.error-container{padding:16px}.error-content{padding:24px}.error-title{font-size:4rem!important}.error-subtitle{font-size:1.5rem!important}.error-description{font-size:1rem!important}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:16px}h1{font-size:2rem}@media(max-width:768px){h1{font-size:1.5rem}}h2{font-size:1.5rem}@media(max-width:768px){h2{font-size:1.25rem}}h3{font-size:1.25rem}p{color:var(--color-text-alt);margin-bottom:16px}.text-gradient{background:linear-gradient(135deg,#0af,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{margin:0 auto;max-width:1200px;padding:0 32px;position:relative;width:100%;z-index:1}@media(max-width:768px){.container{padding:0 16px}}.auth-page{background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.auth-main{align-items:center;display:flex;flex:1;padding:48px 0}.auth-main .auth-container{background:var(--color-bg-surface);border-radius:16px;box-shadow:var(--shadow-xl);margin:0 auto;max-width:500px;min-height:600px;overflow:hidden;padding:32px}@media(max-width:768px){.auth-main{padding:24px}}@media(max-width:576px){.auth-main{background:var(--color-bg-surface);margin:0}.auth-main .auth-container{box-shadow:none;max-width:inherit;padding:0;width:100%}}.auth-footer{backdrop-filter:blur(10px);background:var(--color-bg);border-top:1px solid var(--color-border);padding:24px 0}.auth-footer .footer-content{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.auth-footer .footer-content{flex-direction:column;gap:16px;text-align:center}}.auth-footer .footer-content p{font-size:.875rem;margin:0}.auth-footer .footer-content .footer-links{display:flex;gap:24px}.auth-footer .footer-content .footer-links a{color:var(--color-text-alt);font-size:.875rem;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.auth-footer .footer-content .footer-links a:hover{color:#0af}.security-notice{align-items:flex-start;background:var(--color-bg-alt);border-radius:8px;display:flex;gap:16px;margin-top:48px;padding:24px}.security-notice i{color:var(--color-primary);font-size:1.5rem;margin-top:2px}.security-notice div{flex:1}.security-notice div strong{color:var(--color-text);display:block;margin-bottom:8px}.security-notice div p{color:var(--color-text-alt);font-size:.875rem;line-height:1.5;margin:0}.security-notice div p a{color:var(--color-primary);text-decoration:none}.security-notice div p a:hover{text-decoration:underline}