:root{color-scheme:light;--ink:#172b49;--muted:#69788e;--blue:#387ac0;--line:#e3eaf2}
*{box-sizing:border-box}
body{margin:0;background:#f8fafc;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 0 45%,#edf4fc 0,transparent 55%)}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 96px));margin-inline:auto}
.site-header{display:flex;justify-content:center;align-items:center;padding-block:44px 8px}
.brand{display:inline-flex;align-items:center;gap:10px;padding:6px;font-size:34px;font-weight:700;letter-spacing:-1.5px;line-height:1.2;border-radius:12px}
.brand-symbol{position:relative;width:42px;height:42px;flex-shrink:0}
.brand-symbol img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:64px;height:64px;max-width:none}
.brand-dot{color:var(--blue)}
.language-layout{display:flex;align-items:center;justify-content:center;flex:1;padding-block:28px}
.language-panel{width:100%;max-width:580px;min-width:0;padding:34px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 60px #213e6510}
.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.globe-icon{display:grid;place-items:center;width:40px;height:40px;background:#eef5fd;color:var(--blue);border-radius:12px}.globe-icon svg{width:23px;height:23px}
.step-label{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}
#language-title{font-size:27px;line-height:1.35;letter-spacing:-.7px;margin:0 0 8px;font-weight:650}
.panel-description{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 26px}
.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.language-card{display:flex;align-items:center;gap:12px;padding:16px 13px;min-width:0;min-height:86px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.language-card:last-child:nth-child(odd){grid-column:1/-1}
.flag-wrap{display:grid;place-items:center;width:38px;height:30px;flex-shrink:0}.flag-wrap img{display:block;width:36px;height:27px;object-fit:contain;border-radius:3px}
.language-label{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.language-native{font-size:16px;line-height:1.4;font-weight:600}.language-name{font-size:11px;color:var(--muted)}
.card-arrow{width:16px;height:16px;flex-shrink:0;margin-inline-start:auto;color:#94a3b7}
.language-card:hover{border-color:#8ab2df;background:#f6faff;transform:translateY(-2px);box-shadow:0 5px 14px #23456909}.language-card:hover .card-arrow{color:var(--blue)}
a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.site-footer{display:flex;justify-content:center;text-align:center;padding-block:8px 28px;color:var(--muted);font-size:11px;line-height:1.6;letter-spacing:.1px}
[dir=rtl] .card-arrow{transform:rotate(180deg)}
@media(max-width:780px){.shell{width:min(580px,calc(100% - 40px))}.site-header{padding-block:26px 4px}.brand{font-size:30px}.language-layout{padding-block:28px}.language-panel{padding:27px}.language-card{min-height:82px;padding:14px}.site-footer{padding-block:4px 24px}}
@media(max-width:380px){.shell{width:calc(100% - 28px)}.language-panel{padding:22px 18px}#language-title{font-size:24px}.language-grid{gap:9px}.language-card{gap:8px;padding:12px 9px}.flag-wrap{width:28px}.flag-wrap img{width:28px;height:23px}.language-native{font-size:15px}.card-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.language-card{transition:none}.language-card:hover{transform:none}}