@font-face{font-display:swap;font-family:"Plex Sans";font-style:normal;font-weight:400;src:url("/fonts/ibm-plex-sans-latin-400-normal-3b646991d3.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Plex Sans";font-style:normal;font-weight:500;src:url("/fonts/ibm-plex-sans-latin-500-normal-0717336fb3.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Plex Serif";font-style:normal;font-weight:500;src:url("/fonts/ibm-plex-serif-latin-500-normal-677082fc2e.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Plex Sans Cyrillic";font-style:normal;font-weight:400;src:url("/fonts/ibm-plex-sans-cyrillic-400-normal-69afad88a0.woff2") format("woff2")}
@font-face{font-display:swap;font-family:"Plex Arabic";font-style:normal;font-weight:400;src:url("/fonts/ibm-plex-sans-arabic-arabic-400-normal-6010e7fd0d.woff2") format("woff2")}
:root{--ink:#171629;--paper:#f3eee3;--paper-light:#fbf8f1;--gold:#a47d36;--line:rgba(23,22,41,.16);--shadow:0 2rem 6rem rgba(4,4,13,.34)}
*{box-sizing:border-box}
html{min-width:20rem;background:var(--ink)}
body{margin:0;min-height:100vh;color:var(--ink);font-family:"Plex Sans",Arial,sans-serif;background:radial-gradient(circle at 18% 14%,rgba(164,125,54,.16),transparent 28rem),radial-gradient(circle at 86% 86%,rgba(84,80,117,.26),transparent 32rem),var(--ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:4rem 4rem}
a{color:inherit}
.language-gateway{position:relative;display:grid;min-height:100vh;place-items:center;padding:clamp(1rem,4vw,3rem)}
.selector{position:relative;width:min(100%,56rem);padding:clamp(1.5rem,4.5vw,3.5rem);overflow:hidden;background:linear-gradient(145deg,var(--paper-light),var(--paper));border:1px solid rgba(255,255,255,.38);box-shadow:var(--shadow)}
.selector::before{content:"";position:absolute;inset:.75rem;border:1px solid rgba(164,125,54,.35);pointer-events:none}
.selector::after{content:"集义行";position:absolute;right:-.04em;top:-.25em;color:rgba(23,22,41,.035);font-family:serif;font-size:clamp(8rem,22vw,15rem);font-weight:700;line-height:1;pointer-events:none}
.brand{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.85rem;margin-bottom:clamp(1.65rem,4vw,2.65rem)}
.brand__mark{width:2rem;height:2.7rem;color:var(--gold)}
.brand__word{display:flex;flex-direction:column;line-height:1.05}
.brand__name{font-family:"Plex Serif",Georgia,serif;font-size:1.12rem;font-weight:500;letter-spacing:.055em}
.brand__cn{margin-top:.18rem;color:#625b4e;font-family:serif;font-size:.75rem;letter-spacing:.32em}
.selector__heading{position:relative;z-index:1;text-align:center}
.eyebrow{margin:0 0 .75rem;color:var(--gold);font-size:.7rem;font-weight:500;letter-spacing:.24em}
h1{margin:0;font-family:"Plex Serif",Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:500;letter-spacing:-.025em;line-height:1.06}
.selector__heading>p:last-child{margin:.85rem 0 0;color:#615c56;font-size:.98rem}
.languages{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:clamp(1.65rem,4vw,2.5rem) auto 0;max-width:46rem}
.language{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:3.45rem;padding:.8rem 1rem;text-decoration:none;background:rgba(255,255,255,.44);border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.language:hover{transform:translateY(-2px);background:rgba(255,255,255,.82);border-color:rgba(164,125,54,.75);box-shadow:0 .55rem 1.5rem rgba(23,22,41,.09)}
.language:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.language__name{min-width:0;font-size:1rem}
.language[lang^="ru"] .language__name,.language[lang^="uk"] .language__name{font-family:"Plex Sans Cyrillic","Plex Sans",sans-serif}
.language[lang="ar"] .language__name{font-family:"Plex Arabic","Plex Sans",sans-serif}
.language__badge{margin-inline:.75rem;color:#78591f;font-size:.62rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase}
.language__arrow{color:var(--gold);font-size:1.08rem;transition:transform .18s ease}
.language:hover .language__arrow{transform:translateX(.18rem)}
.language[dir="rtl"]:hover .language__arrow{transform:translateX(-.18rem)}
.language.is-recommended{border-color:rgba(164,125,54,.62);background:rgba(255,255,255,.74)}
.language.is-recommended::before{content:"";position:absolute;inset-block:.65rem;inset-inline-start:-1px;width:3px;background:var(--gold)}
.selector__foot{position:relative;z-index:1;margin:clamp(1.5rem,3vw,2rem) 0 0;color:#746e65;font-size:.68rem;letter-spacing:.14em;text-align:center;text-transform:uppercase}
@media(max-width:38rem){.language-gateway{place-items:start center;padding:.75rem}.selector{padding:1.5rem 1.2rem 1.6rem}.selector::before{inset:.45rem}.selector::after{font-size:8rem}.brand{margin-bottom:1.35rem}.languages{grid-template-columns:1fr;gap:.48rem;margin-top:1.45rem}.language{min-height:3.15rem}.selector__foot{line-height:1.55}}
@media(max-width:25rem){.language__badge{font-size:.55rem;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.language,.language__arrow{transition:none}}
@media(forced-colors:active){.selector,.language{border:1px solid CanvasText}.language:focus-visible{outline:3px solid Highlight}.language.is-recommended::before{background:Highlight}}


/* Floating WhatsApp CTA */
.whatsapp-float{position:fixed;inset-inline-end:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:90;display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:#25d366;color:#fff;text-decoration:none;box-shadow:0 6px 22px rgba(0,0,0,.22);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.whatsapp-float svg{display:block;width:1.65rem;height:1.65rem;fill:currentColor}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(0,0,0,.28);filter:brightness(.98)}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #128c7e,0 9px 26px rgba(0,0,0,.28)}
@media (min-width:48rem){.whatsapp-float{inset-inline-end:max(1.5rem,env(safe-area-inset-right));bottom:max(1.5rem,env(safe-area-inset-bottom));width:3.25rem;height:3.25rem}.whatsapp-float svg{width:1.8rem;height:1.8rem}}
@media (prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}
@media print{.whatsapp-float{display:none!important}}