/* Shared public header (homepage + legal pages). Generated from the homepage header rules in style.css, plus the language-sheet styles. */

/* Language selector centred modal. Scoped to dashboard.php; the existing select stays in place. */
.lang-wrap{position:relative;}
.lang-overlay-btn{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;z-index:2;border-radius:inherit;-webkit-tap-highlight-color:transparent;}
.lang-overlay-btn:focus-visible{outline:2px solid #7e2cff;outline-offset:2px;}
.lang-sheet[hidden]{display:none !important;}
.lang-sheet{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:max(16px,env(safe-area-inset-top,0px)) 16px max(16px,env(safe-area-inset-bottom,0px));}
.lang-sheet-backdrop{position:absolute;inset:0;background:rgba(18,14,28,.46);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:langFade .18s ease-out;}
.lang-sheet-panel{position:relative;box-sizing:border-box;width:min(100%,340px);max-height:min(72vh,520px);max-height:min(72dvh,520px);overflow:auto;padding:18px 14px 16px;background:linear-gradient(180deg,#f4fdf8 0%,#f7fffb 100%);border-radius:24px;box-shadow:0 18px 50px rgba(20,16,30,.28),0 2px 8px rgba(20,16,30,.08);animation:langPop .2s cubic-bezier(.2,.8,.2,1);}
.lang-sheet-handle{display:none;}
.lang-sheet-list{display:flex;flex-direction:column;}
.lang-option{display:flex;align-items:center;gap:14px;width:100%;min-height:62px;margin:0;padding:0 8px;border:0;background:transparent;color:#171722;font:inherit;font-size:17px;font-weight:650;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;}
.lang-option + .lang-option{border-top:1px solid #e1ebe5;}
.lang-option:focus-visible{outline:2px solid #7e2cff;outline-offset:-2px;}
.lang-option:active{background:rgba(22,163,74,.06);}
.lang-flag{display:block;flex:0 0 auto;width:42px;height:28px;border-radius:5px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.22);}
.lang-flag svg{display:block;width:100%;height:100%;}
.lang-option-name{flex:1 1 auto;min-width:0;}
.lang-check{flex:0 0 auto;position:relative;width:24px;height:24px;border-radius:50%;border:2px solid #c3c9c6;background:#fff;}
.lang-check.is-on{background:#16a34a;border-color:#16a34a;}
.lang-check.is-on::after{content:"";position:absolute;left:8px;top:4px;width:5px;height:10px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;transform:rotate(45deg);}
.dark .lang-sheet-panel{background:linear-gradient(180deg,#24202f 0%,#211d2b 100%);box-shadow:0 18px 50px rgba(0,0,0,.55);}
.dark .lang-option{color:#fff;}
.dark .lang-option + .lang-option{border-top-color:#3a3446;}
.dark .lang-check{background:#2a2535;border-color:#5a5366;}
@media (min-width:700px){
  .lang-sheet-panel{width:min(100%,380px);}
}
@keyframes langFade{from{opacity:0}to{opacity:1}}
@keyframes langPop{from{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.lang-sheet-backdrop,.lang-sheet-panel{animation:none !important;}}

:root{
 --bg:#fff;--surface:#fff;--surface2:#fbfaff;--ink:#151522;--muted:#747184;
 --purple:#6324e8;--purple2:#8a3dff;--purple3:#c044ff;--cyan:#159eea;
 --line:#e6e0f2;--line-strong:#b99aff;--shadow:0 12px 38px rgba(70,35,140,.08);
 --ease:cubic-bezier(.2,.7,.2,1)
}
.topbar{
 position:relative;display:flex;align-items:center;justify-content:space-between;
 min-height:72px;padding:10px 0;margin-bottom:34px;background:transparent;
 border:0;border-radius:0;box-shadow:none
}
.topbar:after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
 background:linear-gradient(90deg,#6324e8 0%,#8c4cff 35%,#c044ff 68%,#ff4fb8 100%);
 border-radius:99px;box-shadow:0 2px 8px rgba(167,52,245,.16)
}
.brand{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;white-space:nowrap;color:var(--ink);text-decoration:none}
.brand-image{display:block;width:auto;height:52px;max-width:300px;object-fit:contain;object-position:left center}
.brand.logo-only{gap:0}
.brand-mark{
 width:48px;height:48px;flex:0 0 48px;border-radius:13px;display:grid;place-items:center;
 color:#fff;font-size:29px;font-weight:900;background:linear-gradient(145deg,#8646ff,#4e12db);
 border:1px solid #9d6aff;box-shadow:0 8px 22px rgba(102,37,235,.24);
 animation:iconBreath 3.8s ease-in-out infinite
}
.brand-name{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1;white-space:nowrap}
.brand-name b{color:var(--purple)}
@media(max-width:900px){
.topbar{margin-bottom:24px}
}
@media(max-width:560px){
.topbar{min-height:62px;padding:8px 10px;margin-bottom:20px;border-radius:15px}
.topbar:after{left:16px;right:16px}
.brand{gap:8px}
.brand-mark{width:42px;height:42px;flex-basis:42px;border-radius:11px;font-size:25px}
.brand-name{font-size:22px}
}
.topbar{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.topbar:before{content:none !important}
.topbar:after{
  left:0 !important;
  right:0 !important;
  top:auto !important;
  bottom:0 !important;
  height:2px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#6324e8 0%,#8c4cff 38%,#c044ff 70%,#ff4fb8 100%) !important;
  box-shadow:0 2px 9px rgba(167,52,245,.18) !important;
}
@media(max-width:560px){
.topbar{
    min-height:62px !important;
    padding:8px 10px !important;
    margin-bottom:20px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
.topbar:after{left:0 !important;right:0 !important;bottom:0 !important;height:2px !important}
}
.topbar{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.topbar:before{content:none !important;}
.topbar:after{
  content:"" !important;
  left:0 !important; right:0 !important;
  top:auto !important; bottom:0 !important;
  height:2px !important;
  border:0 !important; border-radius:999px !important;
  background:linear-gradient(90deg,#6324e8 0%,#8c4cff 38%,#c044ff 70%,#ff4fb8 100%) !important;
  box-shadow:0 2px 9px rgba(167,52,245,.18) !important;
}
@media(max-width:560px){
.topbar{
    min-height:62px !important;
    padding:8px 0 !important;
    margin-bottom:20px !important;
    border:0 !important; border-radius:0 !important;
    background:transparent !important; box-shadow:none !important;
  }
.topbar:after{left:0 !important;right:0 !important;bottom:0 !important;height:2px !important;}
}
.topbar:after{
  left: 50% !important;
  right: auto !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;
  bottom: 0 !important;
  top: auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, #6324e8 0%, #8c4cff 38%, #c044ff 70%, #ff4fb8 100%) !important;
}
@media (max-width: 560px){
.topbar{ width: 100% !important; }
.topbar:after{ width: 100vw !important; }
}
@media (max-width: 560px){
.topbar{
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    overflow: visible !important;
  }
.topbar:after{
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 2px !important;
    transform: none !important;
    background: linear-gradient(90deg,#6324e8 0%,#8c4cff 38%,#c044ff 70%,#ff4fb8 100%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 9px rgba(167,52,245,.18) !important;
  }
}
.topbar{
  background:linear-gradient(135deg,#5B21B6 0%,#7C3AED 48%,#DB2777 100%) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 8px 26px rgba(91,33,182,.18) !important;
}
.topbar .brand{
  color:#fff !important;
}
.topbar .brand-name{
  color:#fff !important;
}
.topbar .brand-name b{
  color:#F5D0FE !important;
}
.topbar .brand-mark{
  background:rgba(255,255,255,.16) !important;
  border-color:rgba(255,255,255,.34) !important;
  box-shadow:0 8px 24px rgba(34,10,80,.24) !important;
}
.topbar:after{
  background:linear-gradient(90deg,#E9D5FF 0%,#F0ABFC 50%,#FBCFE8 100%) !important;
  box-shadow:0 2px 10px rgba(255,255,255,.28) !important;
}
@media(max-width:560px){
.topbar{
    background:linear-gradient(135deg,#5B21B6 0%,#7C3AED 48%,#DB2777 100%) !important;
  }
}
.topbar{
 margin-top:0!important;padding-top:0!important;padding-bottom:0!important;
 min-height:74px!important;height:74px!important;
 display:flex!important;align-items:center!important;box-sizing:border-box!important;
}
.topbar .brand{display:flex!important;align-items:center!important;height:100%!important;line-height:1!important}
.topbar .brand-mark{flex:0 0 auto!important}
.topbar .brand-name{
 display:inline-flex!important;align-items:center!important;line-height:1.05!important;
 font-weight:900!important;letter-spacing:-.02em!important;
 color:#fff!important;text-shadow:0 1px 2px rgba(31,12,70,.22)!important;
}
.topbar .brand-name b{
 color:#FFE7F7!important;font-weight:900!important;
 text-shadow:0 1px 2px rgba(75,16,95,.20)!important;
}
@media(max-width:560px){
.topbar{min-height:74px!important;height:74px!important}
.topbar .brand-name{font-size:22px!important}
}
@media (max-width:560px){
.topbar{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100vw!important;
    height:74px!important;
    min-height:74px!important;
    max-height:74px!important;
    flex:0 0 74px!important;
    margin-top:0!important;
    margin-bottom:20px!important;
    margin-left:calc(50% - 50vw)!important;
    padding:0 22px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
.topbar .brand{
    height:74px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    line-height:1!important;
  }
.topbar .brand-mark{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    font-size:29px!important;
  }
.topbar .brand-name{
    display:inline-flex!important;
    align-items:center!important;
    white-space:nowrap!important;
    font-size:24px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.7px!important;
    color:#fff!important;
  }
.topbar .brand-name b{
    display:inline!important;
    margin-left:6px!important;
    color:#FFE7F7!important;
    font-weight:900!important;
  }
.topbar:after{
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:100vw!important;
    height:2px!important;
    transform:none!important;
  }
}
.auth-card .brand{margin-bottom:34px}
.auth-card .brand-mark{width:52px;height:52px;flex-basis:52px;border-radius:15px;font-size:30px}
.auth-card .brand-name{font-size:25px}
@media(max-width:560px){
.auth-card .brand{margin-bottom:30px;gap:9px}
.auth-card .brand-mark{width:46px;height:46px;flex-basis:46px;border-radius:13px;font-size:27px}
.auth-card .brand-name{font-size:22px}
}
@media(max-width:640px){
.brand-image{height:44px;max-width:240px}
}
.topbar{
  background:transparent !important;
  color:var(--ink) !important;
  box-shadow:none !important;
}
.topbar .brand{color:var(--ink) !important;}
.topbar{position:relative}
.auth-menu-toggle{margin-left:auto;width:48px;height:48px;border:0;border-radius:14px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer;color:var(--ink,#171321);flex:0 0 48px}
.auth-menu-toggle span{display:block;width:25px;height:3px;border-radius:3px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.auth-menu-toggle:focus-visible{outline:3px solid rgba(111,39,235,.22);outline-offset:2px}
.auth-menu-overlay{position:fixed;inset:0;background:rgba(18,12,35,.22);backdrop-filter:blur(2px);z-index:9998}
.auth-menu{position:fixed;top:0;right:0;width:min(340px,88vw);height:100dvh;background:rgba(255,255,255,.98);box-shadow:-14px 0 45px rgba(65,35,130,.16);z-index:9999;transform:translateX(105%);transition:transform .25s ease;padding:20px 18px 28px;overflow:auto}
.auth-menu.open{transform:translateX(0)}
.auth-menu-head{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 18px;border-bottom:1px solid rgba(111,39,235,.10)}
.auth-menu-head strong{font-size:24px;letter-spacing:-.02em}
.auth-menu-close{width:40px;height:40px;border:0;border-radius:12px;background:#f4efff;color:#5d22d6;font-size:28px;line-height:1;cursor:pointer}
.auth-menu-nav{display:flex;flex-direction:column;gap:8px;padding-top:14px}
.auth-menu-nav a,.auth-menu-nav button{width:100%;min-height:52px;border:0;border-radius:14px;background:transparent;color:var(--ink,#171321);display:flex;align-items:center;gap:13px;padding:10px 12px;text-decoration:none;font:inherit;text-align:left;cursor:pointer}
.auth-menu-nav a:hover,.auth-menu-nav button:hover{background:#f6f1ff}
.auth-menu-nav span{width:28px;text-align:center;color:#6725dc;font-size:22px;flex:0 0 28px}
.auth-menu-nav b{font-size:16px;flex:1}
.auth-menu-nav small{font-size:12px;color:#81798e}
body.menu-open{overflow:hidden}
@media (min-width:700px){
.auth-menu{width:360px}
}
@media (prefers-reduced-motion:reduce){
.auth-menu{transition:none}
.auth-menu-toggle span{transition:none}
}
.auth-menu{
  width:min(540px,92vw);
  background:rgba(255,255,255,.97);
  color:#151326;
  border:1px solid rgba(118,72,220,.18);
  border-radius:28px 0 0 28px;
  box-shadow:-20px 0 70px rgba(83,37,170,.20);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  overflow:hidden;
}
.auth-menu-head{
  min-height:82px;
  padding:18px 22px 16px 24px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(99,75,150,.12);
}
.auth-menu-brand{
  display:flex;align-items:center;gap:10px;
  min-width:0;color:inherit;text-decoration:none;font-weight:900;font-size:21px;
}
.auth-menu-brand img{
  display:block;width:auto;height:48px;max-width:250px;object-fit:contain;object-position:left center;
}
.auth-menu-brand-fallback{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  color:#fff;font-size:27px;font-weight:900;
  background:linear-gradient(145deg,#8646ff,#4e12db);
}
.auth-menu-close{
  width:52px;height:52px;border:0;border-radius:16px;
  background:#f3ecff;color:#6020d4;font-size:34px;line-height:1;
  display:grid;place-items:center;cursor:pointer;flex:0 0 52px;
  transition:transform .2s ease,background .2s ease;
}
.auth-menu-close:hover{transform:rotate(4deg);background:#eadfff}
.auth-menu-nav{padding:10px 20px 8px}
.auth-menu-nav a,.auth-menu-nav button{
  width:100%;min-height:76px;padding:10px 4px;
  display:flex;align-items:center;gap:16px;
  color:inherit;text-decoration:none;text-align:left;cursor:pointer;
  background:transparent;border:0;border-bottom:1px solid rgba(99,75,150,.10);
  font:inherit;transition:background .18s ease,transform .18s ease;
}
.auth-menu-nav a:last-child{border-bottom:0}
.auth-menu-nav a:hover,.auth-menu-nav button:hover{
  background:rgba(111,43,219,.055);transform:translateX(2px);
}
.auth-menu-nav .menu-icon{
  width:48px;height:48px;flex:0 0 48px;border-radius:15px;
  display:grid;place-items:center;
  color:#6121d7;background:#f1eaff;
  font-size:24px;font-weight:700;
}
.auth-menu-nav .menu-icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.auth-menu-nav b{font-size:17px;line-height:1.2;flex:1}
.auth-menu-nav small{
  min-width:62px;text-align:center;font-size:13px;color:#777084;
  padding:7px 10px;border-radius:10px;background:#f2ecff;
}
.auth-menu-nav i{
  font-style:normal;font-size:28px;line-height:1;color:#635b75;opacity:.9;
}
.auth-menu-nav button .menu-theme-indicator{
  width:46px;height:25px;border-radius:99px;background:#6a21d8;
  position:relative;display:block;flex:0 0 46px;
}
.auth-menu-nav button .menu-theme-indicator:after{
  content:"";position:absolute;top:4px;left:4px;width:17px;height:17px;
  border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);
  transition:left .2s ease;
}
.auth-menu-safe{
  margin:10px 20px 20px;padding:13px 15px;
  display:flex;align-items:center;gap:12px;
  border:1px solid rgba(102,37,219,.14);border-radius:17px;
  background:rgba(255,255,255,.66);
}
.auth-menu-safe>span{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:#f0e8ff;color:#6422d8;font-weight:900;font-size:21px;flex:0 0 42px;
}
.auth-menu-safe div{display:flex;flex-direction:column;gap:3px;min-width:0}
.auth-menu-safe b{font-size:14px}
.auth-menu-safe small{font-size:12px;color:#7b7485}
.auth-menu-overlay{
  background:rgba(22,15,42,.34)!important;
  backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
}
body.menu-dark{
  --ink:#f7f4ff;
  --muted:#c7bfd8;
  background:#0f0b1d!important;
  color:#f7f4ff!important;
}
body.menu-dark .auth-page{
  background:
    radial-gradient(circle at 15% 10%,rgba(119,63,255,.20),transparent 32%),
    radial-gradient(circle at 90% 25%,rgba(219,39,119,.12),transparent 30%),
    #0f0b1d!important;
}
body.menu-dark .topbar{background:rgba(20,15,38,.94)!important;border-color:rgba(255,255,255,.10)!important}
body.menu-dark .welcome-copy p,
body.menu-dark .mobile-intro,
body.menu-dark .divider span,
body.menu-dark .switch-copy,
body.menu-dark .app-footer .footer-copy,
body.menu-dark .app-footer small,
body.menu-dark .stats small,
body.menu-dark .features small{color:#bdb4d0!important}
body.menu-dark .login-card,
body.menu-dark .stats,
body.menu-dark .features,
body.menu-dark .app-footer{
  background:rgba(25,19,43,.92)!important;
  border-color:rgba(178,139,255,.28)!important;
}
body.menu-dark .login-card input,
body.menu-dark .tabs,
body.menu-dark .social-panel,
body.menu-dark .features>div,
body.menu-dark .footer-nav a{background:rgba(255,255,255,.045)!important;color:#f7f4ff!important;border-color:rgba(255,255,255,.10)!important}
body.menu-dark .login-card label,
body.menu-dark .tab,
body.menu-dark .social-btn,
body.menu-dark .footer-brand strong,
body.menu-dark .footer-brand small,
body.menu-dark .stats strong,
body.menu-dark .features b,
body.menu-dark .footer-nav b{color:#f7f4ff!important}
body.menu-dark .auth-menu{
  background:rgba(24,18,41,.98);color:#f7f4ff;border-color:rgba(181,145,255,.20);
}
body.menu-dark .auth-menu-head,
body.menu-dark .auth-menu-nav a,
body.menu-dark .auth-menu-nav button{border-color:rgba(255,255,255,.10)}
body.menu-dark .auth-menu-close,
body.menu-dark .auth-menu-nav .menu-icon,
body.menu-dark .auth-menu-safe>span{background:#30204f;color:#cbaeff}
body.menu-dark .auth-menu-nav small{background:#30204f;color:#cdbfe0}
body.menu-dark .auth-menu-safe{background:rgba(255,255,255,.035);border-color:rgba(181,145,255,.18)}
body.menu-dark .auth-menu-safe small{color:#bdb4d0}
body.menu-dark .auth-menu-nav a:hover,
body.menu-dark .auth-menu-nav button:hover{background:rgba(164,111,255,.10)}
body.menu-dark .auth-menu-nav i{color:#c9bfdc}
body.menu-dark .auth-menu-nav button .menu-theme-indicator{background:#8b5cf6}
body.menu-dark .auth-menu-nav button .menu-theme-indicator:after{left:25px}
@media(max-width:560px){
.auth-menu{width:min(420px,94vw);border-radius:24px 0 0 24px}
.auth-menu-head{min-height:70px;padding:12px 16px}
.auth-menu-brand img{height:42px;max-width:205px}
.auth-menu-close{width:48px;height:48px;flex-basis:48px}
.auth-menu-welcome{margin:14px 14px 8px;min-height:102px;padding:16px}
.auth-menu-welcome-copy strong{font-size:21px}
.auth-menu-welcome-art{width:112px;height:68px;flex-basis:112px;transform:scale(.82);transform-origin:right center}
.auth-menu-nav{padding:2px 14px 6px}
.auth-menu-nav a,.auth-menu-nav button{min-height:66px;gap:12px}
.auth-menu-nav .menu-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px;font-size:21px}
.auth-menu-nav b{font-size:15px}
.auth-menu-safe{margin:8px 14px 14px}
}
.auth-menu{
  background:
    radial-gradient(circle at 8% 8%,rgba(139,92,246,.13),transparent 30%),
    radial-gradient(circle at 92% 30%,rgba(236,72,153,.10),transparent 28%),
    linear-gradient(180deg,#fbf9ff 0%,#f4efff 58%,#eee7ff 100%) !important;
  padding-bottom:0 !important;
}
.auth-menu-nav{
  padding:16px 20px 8px;
}
.auth-menu-auth-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:12px;
}
.auth-menu-nav .auth-menu-auth-card{
  min-width:0;
  min-height:116px;
  padding:14px 12px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:22px;
  color:#fff;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 22px;
  align-items:center;
  gap:10px;
  border-bottom:0;
  box-shadow:0 12px 28px rgba(82,35,170,.16);
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.auth-menu-nav .auth-menu-auth-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(82,35,170,.22);
}
.auth-menu-nav .auth-menu-signin{
  background:linear-gradient(135deg,#6d28d9 0%,#9b5cf6 100%);
}
.auth-menu-nav .auth-menu-signup{
  background:linear-gradient(135deg,#ec1688 0%,#f044a8 100%);
}
.auth-menu-nav .auth-menu-auth-card .menu-icon{
  width:48px;height:48px;flex:0 0 48px;
  background:rgba(255,255,255,.96);
  color:#5d21d2;
  border-radius:15px;
  box-shadow:0 5px 12px rgba(0,0,0,.10);
}
.auth-menu-nav .auth-menu-signup .menu-icon{color:#df1680}
.auth-menu-nav .auth-menu-auth-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.auth-menu-nav .auth-menu-auth-copy b{
  color:#fff;
  font-size:17px;
  white-space:nowrap;
}
.auth-menu-nav .auth-menu-auth-copy small{
  min-width:0;
  padding:0;
  background:transparent;
  color:rgba(255,255,255,.84);
  text-align:left;
  font-size:11px;
  white-space:nowrap;
}
.auth-menu-nav .auth-menu-auth-card i{
  color:#fff;
  font-size:30px;
  opacity:.95;
}
.auth-menu-nav .auth-menu-services-link{
  margin-bottom:2px;
}
.auth-menu-safe{
  margin:10px 20px 0 !important;
}
@media (max-width:390px){
.auth-menu-nav{padding-left:14px;padding-right:14px}
.auth-menu-auth-row{gap:8px}
.auth-menu-nav .auth-menu-auth-card{
    grid-template-columns:40px minmax(0,1fr) 16px;
    min-height:102px;
    padding:11px 8px;
    gap:7px;
    border-radius:18px;
  }
.auth-menu-nav .auth-menu-auth-card .menu-icon{
    width:40px;height:40px;flex-basis:40px;border-radius:13px;
  }
.auth-menu-nav .auth-menu-auth-copy b{font-size:15px}
.auth-menu-nav .auth-menu-auth-copy small{font-size:9px}
}
.auth-menu{
  background:linear-gradient(180deg,rgba(250,247,255,.985) 0%,rgba(244,237,255,.985) 100%);
}
.auth-menu-nav .auth-menu-auth-card{
  position:relative;
}
.auth-menu-nav .auth-menu-auth-card .menu-icon{
  width:52px;height:52px;flex-basis:52px;border-radius:17px;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 7px 18px rgba(78,28,160,.16);
}
.auth-menu-nav .auth-menu-auth-card .menu-icon svg{
  width:29px;height:29px;stroke-width:2.05;
}
.auth-menu-nav .auth-menu-signin .menu-icon{
  color:#6323dc;
}
.auth-menu-nav .auth-menu-signup .menu-icon{
  color:#e51b83;
}
.auth-menu-nav .auth-menu-auth-card:hover .menu-icon{
  transform:scale(1.035);
  box-shadow:0 9px 22px rgba(78,28,160,.20);
}
.auth-menu-nav .auth-menu-signin{
  background:linear-gradient(135deg,#6a22df 0%,#9252f3 100%);
}
.auth-menu-nav .auth-menu-signup{
  background:linear-gradient(135deg,#ec1781 0%,#f143a4 100%);
}
.auth-menu-nav .auth-menu-signin .auth-menu-auth-copy b,
.auth-menu-nav .auth-menu-signup .auth-menu-auth-copy b,
.auth-menu-nav .auth-menu-signin .auth-menu-auth-copy small,
.auth-menu-nav .auth-menu-signup .auth-menu-auth-copy small,
.auth-menu-nav .auth-menu-signin i,
.auth-menu-nav .auth-menu-signup i{
  color:#fff;
}
.auth-menu-nav .auth-menu-signin .auth-menu-auth-copy small,
.auth-menu-nav .auth-menu-signup .auth-menu-auth-copy small{
  background:rgba(255,255,255,.14);
}
.auth-menu-safe{
  margin-bottom:0 !important;
}
@media(max-width:560px){
.auth-menu-nav .auth-menu-auth-card .menu-icon{
    width:48px;height:48px;flex-basis:48px;border-radius:15px;
  }
.auth-menu-nav .auth-menu-auth-card .menu-icon svg{
    width:27px;height:27px;
  }
}
.auth-menu-auth-row{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.auth-menu-nav .auth-menu-auth-card{
  width:100% !important;
  min-height:116px !important;
  grid-template-columns:72px minmax(0,1fr) 26px !important;
}
@media(max-width:560px){
.auth-menu-nav .auth-menu-auth-card{
    min-height:104px !important;
    grid-template-columns:56px minmax(0,1fr) 20px !important;
  }
}
.auth-menu-toggle{color:var(--ink,#171321)!important}
.auth-menu-toggle span{width:25px!important;height:3px!important;border-radius:3px!important;background:currentColor!important}
.auth-menu-overlay{position:fixed!important;inset:0!important;background:rgba(22,15,42,.34)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:9998!important}
.auth-menu.ps-menu,
.ps-menu#authMenu{
  position:fixed;top:0;right:0;width:min(540px,92vw);height:100dvh;
  background:linear-gradient(180deg,#fbf9ff 0%,#f4efff 58%,#eee7ff 100%);
  color:#151326;border:1px solid rgba(118,72,220,.18);border-radius:28px 0 0 28px;
  box-shadow:-20px 0 70px rgba(83,37,170,.20);z-index:9999;
  transform:translateX(105%);transition:transform .25s ease;padding:0;overflow:auto;
}
.auth-menu.ps-menu.open,.ps-menu#authMenu.open{transform:translateX(0)}
.ps-menu#authMenu .ps-menu-head{min-height:82px;padding:18px 22px 16px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(99,75,150,.12)}
.ps-menu#authMenu .ps-menu-brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:900;font-size:21px}
.ps-menu#authMenu .ps-menu-brand img{display:block;height:52px;width:auto;max-width:270px;object-fit:contain}
.ps-menu#authMenu .ps-menu-close{width:54px;height:54px;flex:0 0 54px;border:0;border-radius:18px;background:#f0e8ff;color:#6422d8;font-size:38px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,background .2s ease}
.ps-menu#authMenu .ps-menu-close:hover{transform:rotate(4deg);background:#eadfff}
.ps-menu#authMenu .ps-menu-nav{padding:14px 20px 8px}
.ps-menu#authMenu .ps-menu-nav a{color:inherit;text-decoration:none}
.ps-menu#authMenu .ps-auth-card{
  display:grid;grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;width:100%;
  min-height:88px;height:88px;padding:9px 12px;gap:12px;border-radius:19px;margin-bottom:10px;
  border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.ps-menu#authMenu .ps-auth-card:hover{transform:translateY(-1px);filter:brightness(1.02)}
.ps-menu#authMenu .ps-signin{background:linear-gradient(110deg,#5f1fe0,#9a43f2);color:#fff;box-shadow:0 10px 24px rgba(103,31,226,.20)}
.ps-menu#authMenu .ps-signup{background:linear-gradient(110deg,#ee168d,#f53299);color:#fff;box-shadow:0 10px 24px rgba(238,22,141,.16)}
.ps-menu#authMenu .ps-menu-icon{width:58px;height:58px;flex:0 0 58px;border-radius:17px;display:grid;place-items:center;background:#fff;color:#6421d8}
.ps-menu#authMenu .ps-menu-icon svg{width:33px;height:33px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ps-menu#authMenu .ps-auth-card span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.ps-menu#authMenu .ps-auth-card b{font-size:18px;line-height:1.1}
.ps-menu#authMenu .ps-auth-card small{font-size:12px;margin-top:4px;opacity:.92}
.ps-menu#authMenu .ps-auth-card i{font-style:normal;font-size:31px;line-height:1;opacity:.95}
.ps-menu#authMenu .ps-menu-link{min-height:76px;padding:8px 4px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(99,75,150,.10);transition:background .18s ease,transform .18s ease}
.ps-menu#authMenu .ps-menu-link:hover{background:rgba(111,43,219,.055);transform:translateX(2px)}
.ps-menu#authMenu .ps-menu-link .ps-menu-icon{width:48px;height:48px;flex:0 0 48px;border-radius:15px;display:grid;place-items:center;color:#6121d7;background:#f1eaff}
.ps-menu#authMenu .ps-menu-link .ps-menu-icon svg{width:25px;height:25px}
.ps-menu#authMenu .ps-menu-link b{font-size:17px;line-height:1.2;flex:1}
.ps-menu#authMenu .ps-menu-link i{font-style:normal;font-size:28px;line-height:1;color:#635b75;opacity:.9}
.ps-menu#authMenu .ps-menu-safe{margin:10px 20px 20px;padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(102,37,219,.14);border-radius:17px;background:rgba(255,255,255,.66)}
.ps-menu#authMenu .ps-menu-safe>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f0e8ff;color:#6422d8;font-weight:900;font-size:21px;flex:0 0 42px}
.ps-menu#authMenu .ps-menu-safe div{display:flex;flex-direction:column;gap:3px;min-width:0}
.ps-menu#authMenu .ps-menu-safe b{font-size:14px}
.ps-menu#authMenu .ps-menu-safe small{font-size:12px;color:#7b7485}
body.menu-open{overflow:hidden}
@media(max-width:560px){
.ps-menu#authMenu{width:min(420px,94vw);border-radius:24px 0 0 24px}
.ps-menu#authMenu .ps-menu-head{min-height:70px;padding:12px 16px}
.ps-menu#authMenu .ps-menu-brand img{height:42px;max-width:205px}
.ps-menu#authMenu .ps-menu-close{width:48px;height:48px;flex-basis:48px}
.ps-menu#authMenu .ps-menu-nav{padding:14px 14px 6px}
.ps-menu#authMenu .ps-auth-card{grid-template-columns:50px minmax(0,1fr) 19px;min-height:76px;height:76px;padding:7px 9px;gap:10px;border-radius:17px;margin-bottom:9px}
.ps-menu#authMenu .ps-menu-icon{width:50px;height:50px;flex-basis:50px;border-radius:15px}
.ps-menu#authMenu .ps-menu-icon svg{width:29px;height:29px}
.ps-menu#authMenu .ps-auth-card b{font-size:16px}
.ps-menu#authMenu .ps-auth-card small{font-size:10px;margin-top:3px}
.ps-menu#authMenu .ps-auth-card i{font-size:27px}
.ps-menu#authMenu .ps-menu-link{min-height:66px;gap:12px}
.ps-menu#authMenu .ps-menu-link .ps-menu-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}
.ps-menu#authMenu .ps-menu-link b{font-size:15px}
.ps-menu#authMenu .ps-menu-safe{margin:8px 14px 14px}
}
body.menu-dark .ps-menu#authMenu{background:rgba(24,18,41,.98);color:#f7f4ff;border-color:rgba(181,145,255,.20)}
body.menu-dark .ps-menu#authMenu .ps-menu-head,
body.menu-dark .ps-menu#authMenu .ps-menu-link{border-color:rgba(255,255,255,.10)}
body.menu-dark .ps-menu#authMenu .ps-menu-close,
body.menu-dark .ps-menu#authMenu .ps-menu-link .ps-menu-icon{background:#30204f;color:#cbaeff}
body.menu-dark .ps-menu#authMenu .ps-menu-safe{background:rgba(255,255,255,.035);border-color:rgba(181,145,255,.18)}
body.menu-dark .ps-menu#authMenu .ps-menu-safe>span{background:#30204f;color:#cbaeff}
body.menu-dark .ps-menu#authMenu .ps-menu-safe small{color:#bdb4d0}
body.menu-dark .ps-menu#authMenu .ps-menu-link:hover{background:rgba(164,111,255,.10)}
body.menu-dark .ps-menu#authMenu .ps-menu-link i{color:#c9bfdc}
.topbar{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  background:rgba(255,255,255,.96) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  backdrop-filter:blur(14px) !important;
}
.topbar:after{
  z-index:1 !important;
}
@media(max-width:560px){
.topbar{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
  }
}
@supports ((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))){
.brand.logo-only{position:relative}
.brand.logo-only::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background-image:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.62) 50%,transparent 60%);
    background-repeat:no-repeat;
    background-size:220% 100%;
    background-position:110% 0;
    -webkit-mask-image:var(--logo-shine-mask);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;
    -webkit-mask-position:center;
    mask-image:var(--logo-shine-mask);
    mask-repeat:no-repeat;
    mask-size:100% 100%;
    mask-position:center;
    animation:loginLogoShine 4.6s ease-in-out infinite;
  }
}
@media (min-width:561px){
.topbar{
    width:100vw !important;
    max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding-left:clamp(24px,4vw,56px) !important;
    padding-right:clamp(24px,4vw,56px) !important;
    box-sizing:border-box !important;
  }
}
@media (min-width:561px) and (max-width:900px){
.topbar{margin-bottom:40px !important}
}
@media (min-width:901px){
.topbar{margin-bottom:58px !important}
}
.topbar .home-tools{margin-left:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto}
.topbar .auth-menu-toggle{margin-left:0}
.home-theme-btn{width:40px;height:40px;border-radius:50%;border:1px solid #e6e0f2;background:#fff;color:#7c3aed;display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(70,35,140,.08);transition:transform .18s ease,background .18s ease}
.home-theme-btn:hover{transform:translateY(-1px)}
.home-theme-btn:focus-visible{outline:2px solid #7e2cff;outline-offset:2px}
.home-theme-btn svg{width:20px;height:20px;display:block}
.home-theme-btn .home-theme-moon{display:none}
body.menu-dark .home-theme-btn .home-theme-sun{display:none}
body.menu-dark .home-theme-btn .home-theme-moon{display:block}
.home-lang.lang-wrap{position:relative;display:flex;align-items:center;gap:4px;min-height:40px;padding:0 10px 0 9px;border:1px solid #e6e0f2;border-radius:999px;background:#fff;color:#151522;flex:0 0 auto}
.home-lang .lang-globe{font-size:15px;line-height:1}
.home-lang .lang-select{appearance:none;-webkit-appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;line-height:1;padding:8px 16px 8px 2px;max-width:104px;cursor:pointer;outline:0}
.home-lang .lang-select option{color:#151522;background:#fff}
.home-lang:after{content:"";position:absolute;right:9px;top:50%;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
body.menu-dark .home-theme-btn{background:#241a3d;border-color:rgba(181,145,255,.28);color:#cbaeff}
body.menu-dark .home-lang.lang-wrap{background:#241a3d;border-color:rgba(181,145,255,.28);color:#f7f4ff}
body.menu-dark .home-lang .lang-select option{color:#f7f4ff;background:#241a3d}
@media(max-width:480px){
.topbar .home-tools{gap:6px}
.home-theme-btn{width:36px;height:36px}
.home-lang.lang-wrap{min-height:36px;padding:0 8px 0 7px}
.home-lang .lang-select{font-size:12px;max-width:84px;padding-right:14px}
}
body.menu-dark .tab.active{color:#eadcff!important;background:rgba(181,145,255,.22)!important;box-shadow:none!important;outline:1px solid rgba(181,145,255,.55)!important}
body.menu-dark .social-float:after{color:#f7f4ff!important;text-shadow:0 1px 4px rgba(0,0,0,.7)}
@media(max-width:400px){
.topbar .home-tools{gap:4px}
.home-theme-btn{width:34px;height:34px}
.home-lang.lang-wrap{min-height:34px;padding:0 6px 0 8px;gap:0}
.home-lang .lang-globe{display:none}
.home-lang .lang-select{font-size:12px;max-width:none;padding:6px 14px 6px 0}
.home-lang:after{right:7px}
.topbar .auth-menu-toggle{width:44px;height:44px;flex-basis:44px}
}
@media(max-width:340px){
.topbar .brand-image{height:40px;max-width:135px}
}
body.menu-dark .social-btn.google{color:#4285f4!important}
body.menu-dark .social-btn.facebook{color:#1877f2!important}
body.menu-dark .social-btn.telegram{color:#229ed9!important}
body.menu-dark .lang-sheet-panel{background:linear-gradient(180deg,#24202f 0%,#211d2b 100%);box-shadow:0 18px 50px rgba(0,0,0,.55)}
body.menu-dark .lang-option{color:#fff}
body.menu-dark .lang-option + .lang-option{border-top-color:#3a3446}
body.menu-dark .lang-check{background:#2a2535;border-color:#5a5366}
body.menu-dark .app-footer .footer-main{background:rgba(25,19,43,.92)!important;border-color:rgba(178,139,255,.28)!important;color:#f7f4ff!important}
body.menu-dark .footer-brand strong{color:#f7f4ff!important}
body.menu-dark .footer-brand small,body.menu-dark .footer-copy{color:#bdb4d0!important}
body.menu-dark .footer-copy span{color:#7d7494!important}
body.menu-dark .footer-brand-icon{background:#30204f!important;color:#cbaeff!important}
body.menu-dark .footer-nav a span{color:#cbaeff!important}
.topbar{align-items:center}
.topbar .home-tools{align-items:center;gap:8px}
.topbar .auth-menu-toggle{margin-left:0;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:rgba(111,39,235,.06);transition:background-color .25s ease,transform .2s ease}
.topbar .auth-menu-toggle:hover{background:rgba(111,39,235,.12)}
.topbar .auth-menu-toggle:active{transform:scale(.96)}
.topbar .auth-menu-toggle span{width:22px!important;height:3px!important;border-radius:3px!important;background:currentColor!important}
.home-theme-btn{width:44px;height:44px;border:1px solid #e3d8f7;background:#fff;color:#6f27eb;box-shadow:0 3px 10px rgba(111,39,235,.10);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,transform .2s ease}
.home-theme-btn svg{width:20px;height:20px}
.home-theme-btn:active{transform:scale(.94)}
.home-lang.lang-wrap{min-height:44px;height:44px;padding:0 12px 0 10px;border:1px solid #e3d8f7;background:#fff;box-shadow:0 3px 10px rgba(111,39,235,.10);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-lang .lang-select{height:42px;line-height:42px;padding:0 16px 0 0;font-size:14px;font-weight:800;color:#171321}
.home-lang:after{top:50%;right:11px;transform:translateY(-60%) rotate(45deg)}
body.menu-dark .topbar .auth-menu-toggle{background:rgba(181,145,255,.10)}
body.menu-dark .topbar .auth-menu-toggle:hover{background:rgba(181,145,255,.18)}
body.menu-dark .home-theme-btn,body.menu-dark .home-lang.lang-wrap{border-color:rgba(181,145,255,.32);box-shadow:0 3px 12px rgba(0,0,0,.35)}
body.menu-dark .home-lang .lang-select{color:#f7f4ff}
@media(max-width:400px){
.topbar .home-tools{gap:6px}
.topbar .auth-menu-toggle{width:40px;height:40px;flex-basis:40px;border-radius:11px}
.home-theme-btn{width:40px;height:40px}
.home-theme-btn svg{width:18px;height:18px}
.home-lang.lang-wrap{min-height:40px;height:40px;padding:0 8px 0 8px}
.home-lang .lang-select{height:38px;line-height:38px;font-size:13px;padding-right:14px}
.home-lang:after{right:7px}
}
@media(max-width:340px){
.topbar .brand-image{height:40px;max-width:135px}
}
@media (prefers-reduced-motion: reduce){
.topbar .auth-menu-toggle,.home-theme-btn,.home-lang.lang-wrap{transition:none}
}
.topbar .auth-menu-toggle{margin-left:8px}
@media(max-width:400px){
.topbar .auth-menu-toggle{margin-left:6px}
}
@media(max-width:400px){
.topbar .home-tools{gap:5px}
.topbar .auth-menu-toggle{margin-left:5px}
.home-lang.lang-wrap{padding:0 6px 0 7px}
.home-lang .lang-select{padding-right:12px}
.home-lang:after{right:6px}
}
.topbar .home-tools{align-items:center}
.topbar .home-theme-btn,.home-theme-btn{width:auto!important;height:44px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e3d8f7;border-radius:999px;background:#f6f2fd;box-shadow:0 3px 10px rgba(111,39,235,.10);position:relative;overflow:hidden;color:inherit}
.home-theme-btn svg{display:block!important;position:relative;z-index:1;box-sizing:border-box;width:40px!important;height:42px!important;padding:11px!important;transition:color .25s ease}
.home-theme-btn .home-theme-sun,.home-theme-btn .home-theme-moon{display:block!important}
.home-theme-btn::after{content:"";position:absolute;z-index:0;top:3px;left:3px;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(245,166,35,.22);transition:left .28s ease,background .28s ease}
.home-theme-btn .home-theme-sun{color:#f5a623}
.home-theme-btn .home-theme-moon{color:#b6a3e0}
body.menu-dark .home-theme-btn{background:#241a3d;border-color:rgba(181,145,255,.32)}
body.menu-dark .home-theme-btn::after{left:41px;background:linear-gradient(135deg,#a24bff,#6f27eb);box-shadow:0 2px 10px rgba(111,39,235,.45)}
body.menu-dark .home-theme-btn .home-theme-sun{color:rgba(245,166,35,.55)}
body.menu-dark .home-theme-btn .home-theme-moon{color:#fff}
.topbar .home-lang.lang-wrap,.home-lang.lang-wrap{height:44px!important;min-height:44px;padding:0 14px 0 12px;gap:7px;border:1px solid #e3d8f7;background:#fff;box-shadow:0 3px 10px rgba(111,39,235,.10)}
.home-lang .lang-globe{display:inline-flex!important;align-items:center;justify-content:center}
.home-lang .lang-globe svg{width:20px;height:20px;color:#6f27eb;display:block}
.home-lang .lang-select{height:42px;line-height:42px;font-size:15px;font-weight:800;color:#171321;padding:0 14px 0 0}
.home-lang:after{top:50%;right:12px;width:6px;height:6px;border-right:1.6px solid #171321;border-bottom:1.6px solid #171321}
.home-lang.lang-wrap::before{content:"";position:absolute;left:-5px;top:50%;width:1px;height:26px;transform:translateY(-50%);background:#e3d8f7}
body.menu-dark .home-lang.lang-wrap{background:#241a3d;border-color:rgba(181,145,255,.32)}
body.menu-dark .home-lang.lang-wrap::before{background:rgba(181,145,255,.35)}
body.menu-dark .home-lang .lang-select{color:#f7f4ff}
body.menu-dark .home-lang:after{border-color:#f7f4ff}
body.menu-dark .home-lang .lang-globe svg{color:#cbaeff}
@media(max-width:400px){
.topbar .home-tools{gap:4px}
.topbar .home-theme-btn{height:36px!important}
.topbar .home-theme-btn svg{width:32px!important;height:34px!important;padding:7px!important}
.topbar .home-theme-btn::after{top:2px;left:2px;width:30px;height:30px}
body.menu-dark .topbar .home-theme-btn::after{left:34px}
.topbar .home-lang.lang-wrap{height:36px!important;min-height:36px;padding:0 7px 0 8px;gap:4px}
.topbar .home-lang .lang-globe{display:inline-flex!important}
.topbar .home-lang .lang-globe svg{width:15px;height:15px}
.topbar .home-lang .lang-select{height:34px;line-height:34px;font-size:13px;padding-right:11px}
.topbar .home-lang:after{right:7px;width:5px;height:5px}
.topbar .home-lang.lang-wrap::before{left:-2px;height:20px}
.topbar .auth-menu-toggle{width:36px;height:36px;flex-basis:36px}
.topbar .brand-image{height:38px;max-width:none}
}
@media(max-width:375px){
.topbar .home-theme-btn{height:34px!important}
.topbar .home-theme-btn svg{width:30px!important;height:32px!important;padding:6px!important}
.topbar .home-theme-btn::after{width:28px;height:28px}
body.menu-dark .topbar .home-theme-btn::after{left:32px}
.topbar .home-lang.lang-wrap{height:34px!important;min-height:34px;padding:0 6px 0 7px}
.topbar .home-lang .lang-select{height:32px;line-height:32px;font-size:12.5px}
.topbar .auth-menu-toggle{width:34px;height:34px;flex-basis:34px}
.topbar .brand-image{height:36px;max-width:none}
}
@media(min-width:401px) and (max-width:460px){
.topbar .home-tools{gap:6px}
.topbar .home-theme-btn{height:40px!important}
.topbar .home-theme-btn svg{width:36px!important;height:38px!important;padding:8px!important}
.topbar .home-theme-btn::after{top:2px;left:2px;width:34px;height:34px}
body.menu-dark .topbar .home-theme-btn::after{left:38px}
.topbar .home-lang.lang-wrap{height:40px!important;min-height:40px;padding:0 10px 0 10px;gap:5px}
.topbar .home-lang .lang-select{height:38px;line-height:38px;font-size:14px;padding-right:12px}
.topbar .home-lang:after{right:10px}
.topbar .home-lang.lang-wrap::before{left:-3px;height:22px}
.topbar .auth-menu-toggle{width:40px;height:40px;flex-basis:40px}
.topbar .brand-image{height:36px;max-width:none}
}
@media(min-width:421px) and (max-width:460px){
.topbar .brand-image{height:40px;max-width:none}
}
@media(max-width:340px){
.topbar .brand-image{height:26px;max-width:none}
}
@media (prefers-reduced-motion: reduce){
.home-theme-btn::after,.home-theme-btn svg{transition:none}
}
.topbar{--hh:clamp(28px,calc((100vw - 56px) / 9),44px)}
.topbar .brand-image{height:var(--hh)!important;max-height:none!important;width:auto!important;max-width:none!important}
.topbar .home-tools{gap:calc(var(--hh) * .13)!important;align-items:center}
.topbar .home-theme-btn{height:var(--hh)!important;width:auto!important;padding:0!important;border-radius:999px}
.topbar .home-theme-btn svg{width:calc(var(--hh) * .9)!important;height:calc(var(--hh) * .9)!important;padding:calc(var(--hh) * .24)!important}
.topbar .home-theme-btn::after{top:calc(var(--hh) * .06);left:calc(var(--hh) * .06);width:calc(var(--hh) * .84);height:calc(var(--hh) * .84)}
body.menu-dark .topbar .home-theme-btn::after{left:calc(var(--hh) * .96)}
.topbar .home-lang.lang-wrap{height:var(--hh)!important;min-height:var(--hh)!important;padding:0 calc(var(--hh) * .3) 0 calc(var(--hh) * .27)!important;gap:calc(var(--hh) * .15)!important}
.topbar .home-lang .lang-globe svg{width:calc(var(--hh) * .46)!important;height:calc(var(--hh) * .46)!important}
.topbar .home-lang .lang-select{height:calc(var(--hh) - 4px)!important;line-height:calc(var(--hh) - 4px)!important;font-size:calc(var(--hh) * .36)!important;padding:0 calc(var(--hh) * .3) 0 0!important}
.topbar .home-lang:after{right:calc(var(--hh) * .27);width:calc(var(--hh) * .14);height:calc(var(--hh) * .14)}
.topbar .home-lang.lang-wrap::before{left:calc(var(--hh) * -.12);height:calc(var(--hh) * .6)}
.topbar .auth-menu-toggle{width:var(--hh)!important;height:var(--hh)!important;flex:0 0 var(--hh)!important;flex-basis:var(--hh)!important;margin-left:calc(var(--hh) * .13)!important;gap:calc(var(--hh) * .13)}
.topbar .auth-menu-toggle span{width:calc(var(--hh) * .5)!important;height:max(2.5px,calc(var(--hh) * .07))!important}
.topbar .brand.logo-only::after{top:50%!important;bottom:auto!important;height:var(--hh)!important;transform:translateY(-50%)}
@keyframes iconBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes loginLogoShine{
    0%{background-position:110% 0}
    45%{background-position:-10% 0}
    100%{background-position:-10% 0}
  }