:root{--login-primary:#dc2626;--login-primary-hover:#b91c1c;--login-primary-light:#fef2f2;--login-secondary:#1f2937;--login-text:#111827;--login-text-muted:#6b7280;--login-border:#e5e7eb;--login-border-focus:#dc2626;--login-bg:#f9fafb;--login-card-bg:#fff;--login-success:#10b981;--login-error:#ef4444;--login-telegram:#08c;--login-google:#4285f4;--login-apple:#000;--login-shadow:0 10px 40px rgba(0, 0, 0, 0.1);--login-shadow-hover:0 20px 60px rgba(0, 0, 0, 0.15);--login-radius:16px;--login-radius-sm:12px;--login-radius-xs:8px;--login-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.login-page-wrapper
*{box-sizing:border-box;margin:0;padding:0}.login-page-wrapper{display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg, var(--login-bg) 0%, #f3f4f6 100%);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif}.login-card-stack{position:relative;width:100%;max-width:440px;padding-top:20px}.login-card-bg{position:absolute;top:0;left:50%;transform:translateX(-50%);width:calc(100% - 40px);height:100%;background:var(--login-card-bg);border-radius:var(--login-radius);transition:var(--login-transition)}.login-card-bg-1{transform:translateX(-50%) rotate(-3deg);opacity:0.5;background:linear-gradient(135deg, var(--login-primary-light) 0%, #fff 100%)}.login-card-bg-2{transform:translateX(-50%) rotate(2deg);opacity:0.7;background:linear-gradient(135deg, #fff 0%, var(--login-primary-light) 100%)}.login-card-stack:hover .login-card-bg-1{transform:translateX(-50%) rotate(-5deg) translateY(-5px)}.login-card-stack:hover .login-card-bg-2{transform:translateX(-50%) rotate(4deg) translateY(-3px)}.login-card-main{position:relative;background:var(--login-card-bg);border-radius:var(--login-radius);box-shadow:var(--login-shadow);padding:32px;z-index:10;transition:var(--login-transition)}.login-card-main:hover{box-shadow:var(--login-shadow-hover)}.login-header{text-align:center;margin-bottom:24px}.login-title{font-size:24px;font-weight:700;color:var(--login-text);margin-bottom:8px;line-height:1.3}.login-breadcrumbs{font-size:13px;color:var(--login-text-muted)}.login-breadcrumbs
a{color:var(--login-primary);text-decoration:none;transition:var(--login-transition)}.login-breadcrumbs a:hover{text-decoration:underline}.login-tabs{display:flex;position:relative;background:var(--login-bg);border-radius:var(--login-radius-sm);padding:4px;margin-bottom:24px;gap:4px}.login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px
16px;font-size:14px;font-weight:600;color:var(--login-text-muted);background:transparent;border:none;border-radius:var(--login-radius-xs);cursor:pointer;transition:var(--login-transition);position:relative;z-index:1}.login-tab:hover{color:var(--login-text)}.login-tab.active{color:var(--login-primary)}.login-tab
svg{flex-shrink:0}.login-tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 6px);height:calc(100% - 8px);background:var(--login-card-bg);border-radius:var(--login-radius-xs);box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);transition:var(--login-transition);z-index:0}.login-tabs[data-active="recovery"] .login-tab-indicator{left:calc(50%+2px)}.login-tabs-content{position:relative}.login-tab-panel{display:none;animation:fadeIn 0.3s ease}.login-tab-panel.active{display:block}@keyframes
fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-form{display:flex;flex-direction:column;gap:16px}.login-errors{display:flex;gap:12px;padding:12px
16px;background:#fef2f2;border:1px
solid #fecaca;border-radius:var(--login-radius-xs);color:var(--login-error);font-size:14px}.login-errors
svg{flex-shrink:0;margin-top:2px}.login-errors
ul{list-style:none;margin:0;padding:0}.login-errors
li{margin-bottom:4px}.login-errors li:last-child{margin-bottom:0}.login-field{display:flex;flex-direction:column;gap:6px}.login-field-label{font-size:14px;font-weight:500;color:var(--login-text)}.login-input-wrapper{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:14px;color:var(--login-text-muted);pointer-events:none;transition:var(--login-transition)}.login-input{width:100%;padding:14px
14px 14px 46px;font-size:15px;color:var(--login-text);background:var(--login-bg);border:2px
solid transparent;border-radius:var(--login-radius-xs);outline:none;transition:var(--login-transition)}.login-input::placeholder{color:var(--login-text-muted)}.login-input:hover{background:#f3f4f6}.login-input:focus{background:var(--login-card-bg);border-color:var(--login-border-focus)}.login-input:focus+.login-input-icon,.login-input:focus~.login-input-icon{color:var(--login-primary)}.login-password-toggle{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--login-text-muted);cursor:pointer;transition:var(--login-transition)}.login-password-toggle:hover{background:var(--login-border);color:var(--login-text)}.login-password-toggle
.hidden{display:none}.login-field-error{font-size:13px;color:var(--login-error);min-height:0;opacity:0;transition:var(--login-transition)}.login-field-error.show{min-height:18px;opacity:1}.login-remember{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--login-text);user-select:none}.login-remember
input{position:absolute;opacity:0;width:0;height:0}.login-remember-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--login-bg);border:2px
solid var(--login-border);border-radius:5px;transition:var(--login-transition)}.login-remember-check
svg{opacity:0;transform:scale(0.5);transition:var(--login-transition);color:white}.login-remember input:checked+.login-remember-check{background:var(--login-primary);border-color:var(--login-primary)}.login-remember input:checked + .login-remember-check
svg{opacity:1;transform:scale(1)}.login-remember:hover .login-remember-check{border-color:var(--login-primary)}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px
24px;font-size:15px;font-weight:600;border:none;border-radius:var(--login-radius-xs);cursor:pointer;transition:var(--login-transition);position:relative;overflow:hidden}.login-btn-text,.login-btn-loading{display:flex;align-items:center;gap:10px}.login-btn-loading.hidden{display:none}.login-btn.loading .login-btn-text{display:none}.login-btn.loading .login-btn-loading{display:flex}.login-spinner{animation:spin 1s linear infinite}@keyframes
spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.login-btn-primary{background:var(--login-primary);color:white}.login-btn-primary:hover{background:var(--login-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(220,38,38,0.3)}.login-btn-primary:active{transform:translateY(0)}.login-btn-telegram{background:var(--login-telegram);color:white}.login-btn-telegram:hover{background:#0077b3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,136,204,0.3)}.login-btn-outline{background:transparent;color:var(--login-text);border:2px
solid var(--login-border)}.login-btn-outline:hover{border-color:var(--login-primary);color:var(--login-primary)}.login-signup-link{text-align:center;font-size:14px;color:var(--login-text-muted)}.login-signup-link
a{color:var(--login-primary);font-weight:600;text-decoration:none;transition:var(--login-transition)}.login-signup-link a:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;gap:16px;margin:24px
0}.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--login-border)}.login-divider
span{font-size:13px;color:var(--login-text-muted);white-space:nowrap}.login-social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.login-social-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px
12px;background:var(--login-bg);border:2px
solid transparent;border-radius:var(--login-radius-xs);font-size:13px;font-weight:500;color:var(--login-text);cursor:pointer;transition:var(--login-transition)}.login-social-btn:hover{border-color:var(--login-border);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.08)}.login-social-btn
svg{flex-shrink:0}.login-social-google:hover{border-color:var(--login-google);background:#f8faff}.login-social-apple:hover{border-color:var(--login-apple);background:#f5f5f5}.login-social-telegram:hover{border-color:var(--login-telegram);background:#f0f9ff}.login-recovery-intro{text-align:center;padding:16px
0 24px}.login-recovery-intro
svg{color:var(--login-primary);margin-bottom:16px}.login-recovery-intro
h3{font-size:20px;font-weight:600;color:var(--login-text);margin-bottom:8px}.login-recovery-intro
p{font-size:14px;color:var(--login-text-muted)}.login-recovery-methods{display:flex;flex-direction:column;gap:12px}.login-recovery-method{display:flex;align-items:center;gap:16px;padding:16px;background:var(--login-bg);border:2px
solid transparent;border-radius:var(--login-radius-sm);cursor:pointer;transition:var(--login-transition);text-align:left;width:100%}.login-recovery-method:hover{border-color:var(--login-primary);background:var(--login-primary-light)}.login-recovery-method-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--login-card-bg);border-radius:12px;color:var(--login-primary);flex-shrink:0}.login-recovery-method-icon-telegram{color:var(--login-telegram)}.login-recovery-method-text{flex:1;display:flex;flex-direction:column;gap:4px}.login-recovery-method-text
strong{font-size:15px;font-weight:600;color:var(--login-text)}.login-recovery-method-text
span{font-size:13px;color:var(--login-text-muted)}.login-recovery-method-arrow{color:var(--login-text-muted);transition:var(--login-transition)}.login-recovery-method:hover .login-recovery-method-arrow{color:var(--login-primary);transform:translateX(4px)}.login-recovery-form{display:flex;flex-direction:column;gap:16px;animation:slideIn 0.3s ease}.login-recovery-form.hidden{display:none}@keyframes
slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.login-back-btn{display:flex;align-items:center;gap:8px;padding:8px
12px;margin-bottom:8px;background:transparent;border:none;border-radius:var(--login-radius-xs);font-size:14px;font-weight:500;color:var(--login-text-muted);cursor:pointer;transition:var(--login-transition);align-self:flex-start}.login-back-btn:hover{background:var(--login-bg);color:var(--login-text)}.login-telegram-info{display:flex;align-items:flex-start;gap:10px;padding:12px
16px;background:#f0f9ff;border:1px
solid #bae6fd;border-radius:var(--login-radius-xs);font-size:13px;color:#0369a1}.login-telegram-info
svg{flex-shrink:0;margin-top:1px}.login-recovery-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px
0;animation:fadeIn 0.3s ease}.login-recovery-success.hidden{display:none}.login-recovery-success
svg{margin-bottom:16px}.login-recovery-success
h3{font-size:20px;font-weight:600;color:var(--login-text);margin-bottom:8px}.login-recovery-success
p{font-size:14px;color:var(--login-text-muted);margin-bottom:24px}.hidden{display:none !important}@media (max-width: 768px){.login-page-wrapper{padding:16px;align-items:flex-start;padding-top:40px}.login-card-stack{max-width:100%}.login-card-main{padding:24px}.login-title{font-size:22px}.login-tab{padding:10px
12px;font-size:13px}.login-tab
svg{width:16px;height:16px}.login-social-buttons{gap:10px}.login-social-btn{padding:14px
10px}}@media (max-width: 480px){.login-page-wrapper{padding:12px;padding-top:20px;background:var(--login-card-bg)}.login-card-stack{padding-top:0}.login-card-bg{display:none}.login-card-main{padding:20px
16px;box-shadow:none;border-radius:0}.login-title{font-size:20px}.login-breadcrumbs{font-size:12px}.login-tabs{border-radius:var(--login-radius-xs);padding:3px}.login-tab{padding:10px
8px;font-size:12px;gap:6px}.login-tab
svg{width:14px;height:14px}.login-input{padding:12px
12px 12px 42px;font-size:16px}.login-input-icon{left:12px;width:18px;height:18px}.login-btn{padding:12px
20px;font-size:14px}.login-social-buttons{grid-template-columns:1fr;gap:8px}.login-social-btn{flex-direction:row;justify-content:flex-start;padding:12px
16px;gap:12px}.login-divider{margin:20px
0}.login-recovery-method{padding:14px}.login-recovery-method-icon{width:40px;height:40px}.login-recovery-method-icon
svg{width:20px;height:20px}.login-recovery-method-text
strong{font-size:14px}.login-recovery-method-text
span{font-size:12px}}@media (prefers-color-scheme: dark){.login-page-wrapper.dark-mode{--login-bg:#111827;--login-card-bg:#1f2937;--login-text:#f9fafb;--login-text-muted:#9ca3af;--login-border:#374151;--login-shadow:0 10px 40px rgba(0, 0, 0, 0.4)}}@keyframes
cardStackAppear{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card-stack{animation:cardStackAppear 0.5s ease-out}.login-header{animation-delay:0.1s}.login-tabs{animation-delay:0.15s}.login-form .login-field:nth-child(1){animation-delay:0.2s}.login-form .login-field:nth-child(2){animation-delay:0.25s}.login-remember{animation-delay:0.3s}.login-btn-primary{animation-delay:0.35s}.login-btn:focus-visible,.login-tab:focus-visible,.login-social-btn:focus-visible,.login-recovery-method:focus-visible{outline:2px
solid var(--login-primary);outline-offset:2px}.login-input:focus-visible{outline:none}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.login-modal-overlay.active{opacity:1;visibility:visible}.login-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease;overflow-y:auto}.login-modal.active{opacity:1;visibility:visible}.login-modal .login-card-stack{position:relative;max-width:440px;width:100%;margin:auto;transform:translateY(-20px) scale(0.95);transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.login-modal.active .login-card-stack{transform:translateY(0) scale(1)}.login-modal-close{position:absolute;top:-12px;right:-12px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--login-secondary);color:white;border:3px
solid white;border-radius:50%;cursor:pointer;z-index:10;transition:var(--login-transition);box-shadow:0 2px 10px rgba(0,0,0,0.2)}.login-modal-close:hover{background:var(--login-primary);transform:scale(1.1) rotate(90deg)}.login-modal-close
svg{width:18px;height:18px}@media (max-width: 520px){.login-modal{padding:10px}.login-modal .login-card-bg{display:none}.login-modal .login-card-stack{padding-top:0}.login-modal-close{top:8px;right:8px}}.login-page-wrapper--fullpage{background:linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%)}.login-page-wrapper--fullpage .login-card-stack{}.login-card-main>*{opacity:0;transform:translateY(10px);animation:fadeInUp 0.4s ease forwards}.login-card-main>*:nth-child(1){animation-delay:0.05s}.login-card-main>*:nth-child(2){animation-delay:0.1s}.login-card-main>*:nth-child(3){animation-delay:0.15s}.login-card-main>*:nth-child(4){animation-delay:0.2s}.login-card-main>*:nth-child(5){animation-delay:0.25s}@keyframes
fadeInUp{to{opacity:1;transform:translateY(0)}}body.login-modal-open{overflow:hidden}.login-btn-primary:active{box-shadow:0 2px 6px rgba(220,38,38,0.2);transform:translateY(0)}.login-social-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0, 0, 0, 0.05)}.login-input-wrapper:hover .login-input-icon{color:var(--login-text)}@keyframes
shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.login-btn.error{animation:shake 0.5s ease}.login-btn:disabled{opacity:0.7;cursor:not-allowed}.login-btn:disabled:hover{transform:none;box-shadow:var(--login-shadow)}@media
print{.login-page-wrapper{background:white}.login-card-bg{display:none}.login-card-main{box-shadow:none;border:1px
solid #ddd}.login-modal-overlay,.login-modal{display:none}}.fancybox-inner .login-card-stack{width:100%;max-width:440px;margin:0
auto;padding-top:0}.fancybox-inner .login-card-bg{display:none}.login-mode--ajax{min-height:auto !important;background:transparent !important;padding:0
!important;display:block !important}.login-mode--ajax .login-card-stack{margin:0
auto;position:relative;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 480px){.login-mode--ajax .login-card-stack{top:0;left:0;transform:none;max-width:100%;padding:10px}}.login-field{transition:opacity 0.3s ease, filter 0.3s ease}.opacity-low{opacity:0.5;filter:grayscale(100%);background:#f9fafb}.opacity-low .login-input{cursor:pointer}.login-or-divider{text-align:center;margin:20px
0;position:relative;display:flex;align-items:center;justify-content:center}.login-or-divider
span{background:#fff;padding:0
25px;color:#1a1a1a;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-family:'Arial Black',Gadget,sans-serif;z-index:2;position:relative}.login-or-divider::before{content:"";position:absolute;width:100%;height:2px;background:#e2e8f0;left:0;z-index:1}#field-email-wrap,#field-phone-wrap{position:relative !important;cursor:pointer !important}.input-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:5;background:transparent}.active-field .input-overlay{display:none}.opacity-low{opacity:0.5;cursor:pointer}#field-email-wrap,#field-phone-wrap{pointer-events:auto !important;cursor:pointer !important;transition:opacity 0.2s ease}.login-input:disabled{pointer-events:none !important}