:root{--bg:#0b121b;--bg2:#101927;--surface:rgba(255,255,255,.04);--surface-hover:rgba(255,255,255,.08);--surface-active:rgba(255,255,255,.11);--line:rgba(255,255,255,.1);--line-strong:rgba(255,255,255,.16);--text:#eef2f7;--muted:#b8c4d4;--shadow:0 18px 36px rgba(0,0,0,.28);--header-gap:12px;--header-height:44px;--header-radius:16px;--header-padding-x:14px}*{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable}html,body{margin:0;padding:0;min-height:100%;width:100%;max-width:100%;overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word}body{max-width:100%;background:linear-gradient(180deg,#09111a,#0b121b);color:var(--text);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}input,textarea,select,button,form{max-width:100%;min-width:0}img,svg,video{max-width:100%;height:auto}header,nav,main,section,.container,.wrapper{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.topbar,.topbar-bar,.topbar-shell,.header-right,.brand-card,.brand,.lang-switch,.lang-toggle,.action-btn,.menu-btn,.lang-dropdown,.drawer,.panel,.navlist,.navitem,.nav-left,.nav-right{min-width:0}html[dir=rtl] body,html[dir=rtl] .topbar,html[dir=rtl] .drawer,html[dir=rtl] .panel,html[dir=rtl] .navitem,html[dir=rtl] .topbar-bar,html[dir=rtl] .brand-card,html[dir=rtl] .header-right{direction:rtl}.topbar{position:fixed;top:0;left:0;right:0;z-index:1200;width:100%;background:linear-gradient(180deg,#090f18f5,#0e1723eb);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);will-change:transform}.topbar-spacer{height:0;width:100%}.topbar-wrap{max-width:1560px;margin:0 auto;padding:18px clamp(12px,2vw,24px) 0}.topbar.is-homepage-viewport-stable .topbar-wrap{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-right:calc(clamp(12px,2vw,24px) + env(safe-area-inset-right,0px));padding-left:calc(clamp(12px,2vw,24px) + env(safe-area-inset-left,0px))}.topbar-shell{display:block;width:100%;padding:18px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(1200px 520px at 0% -10%,rgba(121,192,255,.16),transparent 56%),radial-gradient(920px 520px at 100% -20%,rgba(255,255,255,.08),transparent 56%),radial-gradient(720px 300px at 50% 0%,rgba(46,119,211,.18),transparent 72%),linear-gradient(180deg,#ffffff12,#ffffff08),linear-gradient(135deg,#060e18f0,#08131feb 52%,#040a12f5);box-shadow:0 26px 70px #00000057,inset 0 1px #ffffff0d}.topbar-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;min-width:0}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:0;flex:0 1 auto;min-width:0;flex-wrap:wrap;padding:6px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,#ffffff0f,#ffffff06),#080d16b8;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0000002e}html[dir=rtl] .header-right{margin-right:0}.brand-card{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:var(--header-height);padding:6px;min-width:0;max-width:100%;flex:0 1 auto;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff14,#ffffff08),#080d16b8;box-shadow:inset 0 1px #ffffff0d,0 12px 26px #0003;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.brand-card:hover{opacity:1;border-color:#ffffff24;background:linear-gradient(180deg,#ffffff1a,#ffffff0a),#090f18cc;box-shadow:inset 0 1px #ffffff12,0 14px 30px #0000003d}.brand{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-height:var(--header-height);padding:0 10px;text-decoration:none;color:var(--text);white-space:nowrap;min-width:0;flex:1 1 auto;border-radius:16px;border:0;background:transparent;box-shadow:none;transition:background-color .18s ease,transform .18s ease}.brand:hover{opacity:1;background:#ffffff0f}.brand img{height:clamp(30px,3.1vw,40px);width:auto;display:block;object-fit:contain;max-width:min(220px,42vw)}.brand-mark{display:inline-flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:18px}.action-btn,.menu-btn{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:var(--header-height);height:var(--header-height);padding:0 var(--header-padding-x);border-radius:var(--header-radius);text-decoration:none;color:var(--text);font-size:13px;font-weight:700;letter-spacing:.01em;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0f,#ffffff06),var(--surface);white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;touch-action:manipulation;max-width:100%;min-inline-size:0;box-shadow:inset 0 1px #ffffff0a}.action-btn:hover,.menu-btn:hover{background:linear-gradient(180deg,#ffffff14,#ffffff08),var(--surface-hover);border-color:var(--line-strong)}.action-btn:active,.menu-btn:active{transform:translateY(1px)}.menu-btn svg,.menu-btn svg *,.action-btn svg,.action-btn svg *{stroke:currentColor}.btn-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-btn{width:var(--header-height);min-width:var(--header-height);padding:0;gap:0;flex:0 0 var(--header-height)}.menu-btn .btn-label{display:none}.lang-switch{position:relative;display:inline-flex;flex:0 0 auto;z-index:3}.lang-toggle{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--header-height);height:var(--header-height);padding:0 11px;border-radius:var(--header-radius);border:1px solid var(--line);color:var(--text);background:linear-gradient(180deg,#ffffff12,#ffffff06),var(--surface);box-shadow:inset 0 1px #ffffff0a;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;touch-action:manipulation}.lang-toggle:hover,.lang-switch.open .lang-toggle{background:linear-gradient(180deg,#ffffff1a,#ffffff0a),var(--surface-hover);border-color:var(--line-strong)}.lang-toggle:active{transform:translateY(1px)}.lang-flag{width:22px;min-width:22px;height:16px;min-height:16px;flex:0 0 22px;inline-size:22px;block-size:16px;aspect-ratio:11 / 8;display:block;padding:0;object-fit:cover;border-radius:4px;border:.5px solid rgba(255,255,255,.46);background:#fff;box-shadow:0 0 0 .25px #ffffff38,0 1px 5px #00000029;filter:saturate(1.01) contrast(1.01)}.lang-code{font-size:12px;line-height:1;font-weight:900;letter-spacing:.08em;color:#fff}.lang-chevron{display:inline-flex;align-items:center;justify-content:center;color:#eef2f7c2;transition:transform .18s ease}.lang-switch.open .lang-chevron{transform:rotate(180deg)}.lang-dropdown{position:absolute;top:calc(100% + 9px);right:0;width:220px;box-sizing:border-box;max-width:calc(100vw - 32px);padding:8px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(280px 160px at 20% 0%,rgba(56,189,248,.16),transparent 65%),linear-gradient(180deg,#121d2cfa,#090f18fa);box-shadow:0 22px 46px #0000005c,inset 0 1px #ffffff0d;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}html[dir=rtl] .lang-dropdown{right:auto;left:0;transform-origin:top left}.lang-switch.open .lang-dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.lang-option{display:flex;align-items:center;gap:10px;min-width:0;max-width:100%;overflow:hidden;min-height:42px;padding:8px 10px;border-radius:13px;color:var(--text);text-decoration:none;border:1px solid transparent;transition:background-color .18s ease,border-color .18s ease}.lang-option:hover,.lang-option.active{background:#ffffff12;border-color:#ffffff1a}.lang-option-text{display:flex;flex-direction:column;gap:3px;min-width:0}.lang-option-text strong{font-size:12px;line-height:1;letter-spacing:.08em}.lang-option-text small{font-size:11px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9998}.drawer.on{display:block}.drawer .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a3}.drawer .panel{position:absolute;top:0;right:0;height:100%;width:min(430px,92vw);padding:16px;overflow:auto;color:var(--text);background:linear-gradient(180deg,#0d1521,#101927);border-left:1px solid var(--line);transform:translate(105%);box-shadow:var(--shadow)}html[dir=rtl] .drawer .panel{right:auto;left:0;border-left:0;border-right:1px solid var(--line);transform:translate(-105%)}.drawer.on .panel{transform:translate(0)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}.panel-title{display:inline-flex;align-items:center;min-height:42px}.panel-logo{display:block;height:38px;width:auto;object-fit:contain}.panel-title-text{font-weight:900;letter-spacing:.5px;text-transform:uppercase;font-size:12px;color:var(--text)}.close-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.close-btn:hover{background:var(--surface-hover)}.navlist{display:flex;flex-direction:column;gap:10px}.nav-section-title{margin:12px 2px 2px;padding:6px 4px 2px;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#b8c4d4d1}.navlist>.nav-section-title:first-child{margin-top:0}.navitem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:14px;background:var(--surface);border:1px solid rgba(255,255,255,.1);color:var(--text)!important;text-decoration:none!important;transition:background-color .18s ease,border-color .18s ease}.navitem:hover{background:var(--surface-hover);border-color:var(--line-strong)}.nav-left{display:flex;align-items:center;gap:10px}.nav-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;opacity:.98}.nav-text .t{font-weight:850;font-size:13px;color:var(--text)}.nav-right{display:inline-flex;align-items:center;justify-content:center;opacity:.92}html[dir=rtl] .nav-right svg{transform:rotate(180deg)}.footer-note{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;line-height:1.7;color:var(--muted)}.wrap{max-width:1580px;margin:0 auto;padding:18px clamp(12px,2vw,24px) 34px}.app-footer{max-width:1580px;margin:0 auto;padding:10px clamp(12px,2vw,24px) 28px;color:var(--muted);font-size:12px}.brand-card:focus-within,.brand:focus,.action-btn:focus,.lang-toggle:focus,.lang-option:focus,.menu-btn:focus,.close-btn:focus,.navitem:focus{outline:2px solid rgba(255,255,255,.28);outline-offset:2px}@media (max-width: 920px){.topbar-wrap{padding:16px 16px 0}.topbar.is-homepage-viewport-stable .topbar-wrap{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-left:calc(16px + env(safe-area-inset-left,0px))}.topbar-shell{padding:14px;border-radius:24px}.header-right{gap:8px}.action-btn,.menu-btn{padding:0 12px}.menu-btn{padding:0}.lang-dropdown{right:0}.brand img{max-width:min(190px,36vw)}}@media (max-width: 768px){html,body{width:100%;max-width:100%;overflow-x:hidden}.topbar-wrap,.topbar-shell,.topbar-bar,.wrap,.app-footer{width:100%;max-width:100%}.brand-card,.brand,.header-right,.lang-switch,.lang-toggle,.menu-btn,.action-btn,.lang-dropdown,.drawer,.panel,.navlist,.navitem,.nav-left,.nav-right{min-width:0}.topbar-bar{gap:8px}.header-right{flex-wrap:wrap;overflow-wrap:anywhere;gap:6px}.drawer .panel{width:min(100vw,100%);max-width:100%}.lang-dropdown{width:min(212px,calc(100vw - 24px));max-width:calc(100vw - 24px);box-sizing:border-box;right:10px;left:auto}input,textarea,select,button,form{max-width:100%;min-width:0}input,textarea,select{font-size:16px}.btn-label,.nav-text .t,.lang-option-text small,.lang-option-text strong,.panel-title-text{overflow-wrap:anywhere;word-break:break-word}}@media (max-width: 720px){.topbar-wrap{padding:16px 16px 0}.topbar.is-homepage-viewport-stable .topbar-wrap{padding-top:calc(16px + env(safe-area-inset-top,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-left:calc(16px + env(safe-area-inset-left,0px))}.topbar-shell{padding:14px;border-radius:20px}.topbar-bar{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:8px}.brand-card{width:auto;justify-self:start;min-height:52px;padding:5px;border-radius:18px}.brand{flex:1 1 auto;min-height:42px;padding:0 9px;border-radius:14px}.brand img{height:34px;max-width:min(150px,40vw)}.brand-mark{font-size:16px}.header-right{width:auto;inline-size:max-content;justify-self:end;margin-left:0;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap;padding:5px;border-radius:18px}html[dir=rtl] .header-right{margin-right:0}.action-btn,.menu-btn,.lang-toggle{padding:0 10px;font-size:12px}.lang-toggle{width:42px;min-width:42px;padding:0}.lang-toggle .lang-code,.lang-toggle .lang-chevron{display:none}.lang-dropdown{width:min(196px,calc(100vw - 34px));max-width:calc(100vw - 34px);padding:6px;right:16px;left:auto}html[dir=rtl] .lang-dropdown{right:auto;left:16px}.lang-toggle .lang-flag,.lang-option .lang-flag{width:22px;min-width:22px;height:16px;min-height:16px;flex:0 0 22px;inline-size:22px;block-size:16px}.lang-option-text strong,.lang-option-text small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:normal}.lang-option-text{min-width:0;max-width:100%;overflow:hidden}.lang-option{gap:8px;min-height:38px;padding:7px 8px}.menu-btn{width:42px;min-width:42px;flex:0 0 42px;padding:0}.panel-logo{height:30px}.wrap{padding:14px 10px 26px}.app-footer{padding:8px 12px 22px}}@media (max-width: 420px){.topbar-wrap{padding:14px 10px 0}.topbar.is-homepage-viewport-stable .topbar-wrap{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-right:calc(10px + env(safe-area-inset-right,0px));padding-left:calc(10px + env(safe-area-inset-left,0px))}.header-right{gap:6px}.topbar-shell{padding:10px;border-radius:20px}.action-btn,.menu-btn,.lang-toggle{min-height:42px;height:42px;border-radius:14px;padding:0 9px}.lang-toggle{padding:0}.lang-dropdown{width:min(188px,calc(100vw - 30px));max-width:calc(100vw - 30px);padding:6px;right:15px;left:auto}html[dir=rtl] .lang-dropdown{right:auto;left:15px}.btn-label{font-size:11.5px}.menu-btn{width:42px;min-width:42px}.brand img{height:30px;max-width:min(118px,34vw)}.drawer .panel{width:min(100vw,100%);padding:14px}}