
/* Internationalization: responsive native-language selector */
.locale-picker{position:relative;display:block;flex:0 0 auto;min-width:198px;color:#eafff8;isolation:isolate}
.locale-picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(90,222,181,.34);border-radius:18px;padding:11px 15px;background:linear-gradient(180deg,rgba(14,43,45,.92),rgba(7,25,28,.94));color:#ecfff8;cursor:pointer;user-select:none;backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(71,224,177,.08);transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease, background .25s ease;position:relative;overflow:hidden}
.locale-picker summary:before{content:"";position:absolute;inset:1px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 42%);pointer-events:none}
.locale-picker summary:after{content:"";position:absolute;top:-28px;left:-18px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(91,255,213,.18),rgba(91,255,213,0) 70%);filter:blur(10px);pointer-events:none}
.locale-picker summary::-webkit-details-marker{display:none}
.locale-picker[open] summary,.locale-picker summary:hover{border-color:rgba(110,255,213,.62);background:linear-gradient(180deg,rgba(16,52,54,.96),rgba(9,31,34,.97));box-shadow:0 22px 60px rgba(0,0,0,.35),0 0 0 4px rgba(57,227,180,.10),inset 0 1px 0 rgba(255,255,255,.11)}
.locale-picker summary:hover{transform:translateY(-1px)}
.locale-current,.locale-option{display:flex;align-items:center;gap:10px;min-width:0}
.locale-flag{font-size:18px;line-height:1;flex:0 0 auto;filter:drop-shadow(0 3px 10px rgba(0,0,0,.24))}
.locale-name{font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}
.locale-caret{font-size:14px;color:#a4ffe2;transition:transform .25s ease, color .25s ease, text-shadow .25s ease;text-shadow:0 0 12px rgba(82,255,204,.25)}
.locale-picker[open] .locale-caret{transform:rotate(180deg);color:#edfff8;text-shadow:0 0 16px rgba(82,255,204,.4)}
.locale-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:100%;max-height:360px;overflow:auto;padding:10px;background:linear-gradient(180deg,rgba(10,30,33,.97),rgba(7,20,24,.98));border:1px solid rgba(92,226,183,.30);border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12);z-index:80}
.locale-menu:before{content:"";position:absolute;inset:1px;border-radius:18px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 24%)}
.locale-option{position:relative;padding:12px 13px;border-radius:14px;color:#effff9;text-decoration:none;transition:background .18s ease, transform .18s ease, border-color .18s ease, color .18s ease;border:1px solid transparent}
.locale-option:hover{background:linear-gradient(90deg,rgba(74,236,190,.14),rgba(74,236,190,.04));transform:translateX(3px);border-color:rgba(89,223,179,.22);color:#ffffff}
.locale-option.active{background:linear-gradient(90deg,rgba(31,220,165,.22),rgba(31,220,165,.06));border:1px solid rgba(54,191,151,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.locale-page .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.locale-page .hero-copy{z-index:2}
.locale-page .hero-grid .photo-blob{max-width:660px}
.locale-page .lang-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.locale-page .lang-guide{border:1px solid var(--line);background:linear-gradient(130deg,#0b282c,#06171b);border-radius:20px;padding:24px}
.locale-page .lang-guide h3{color:#effff8;font-size:1.24rem}
.locale-page .lang-guide p{line-height:1.7}
.locale-page .lang-mini{color:#58d5b8;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.locale-page .lang-notice{padding:25px;border-radius:18px;border:1px solid #236968;background:#092b31;color:#c0ddd8}
.locale-page .lang-sections{padding:60px 0}
.locale-page .lang-section-caption{font-size:16px;color:#a1c6c1;margin:8px 0 24px}
.locale-page .lang-promo h2{font-size:clamp(2rem,4vw,3.4rem)}
.locale-page .lang-chart-container{width:100%;height:290px;border:1px solid #206b63;border-radius:18px;overflow:hidden;background:#061c23;padding:8px}
.locale-page .lang-chart-container canvas{display:block;width:100%;height:100%}
.locale-page .lang-contact{padding:24px;background:#09252b;border:1px solid #1c615c;border-radius:18px}
.locale-page .lang-contact a{color:#58e6b6;text-decoration:underline}
.locale-page[dir=rtl] .hero-copy,.locale-page[dir=rtl] .section-head{text-align:right}
.locale-page[dir=rtl] .hero-buttons,.locale-page[dir=rtl] .nav-menu{direction:rtl}
.locale-page[dir=rtl] .hero-grid{direction:rtl}
.locale-page .hero-visual .lang-float-demo{position:absolute;z-index:10;top:14px;left:0;right:auto;width:220px;min-height:145px;background:linear-gradient(135deg,#0a3834ed,#061e1ceb);border-color:#18ac87}
.locale-page .hero-visual .lang-float-risk{position:absolute;z-index:10;bottom:4px;left:0;right:auto;width:220px;min-height:100px;background:linear-gradient(135deg,#092c28ee,#07211deb);border-color:#19ac89}
.locale-page .hero-visual .lang-float-demo strong{display:block;font-size:27px;color:#55ffc5}
.locale-page .hero-visual .lang-float-risk strong{display:block;font-size:17px;color:#d9fff1}
.locale-page .hero-visual .lang-float-demo small,.locale-page .hero-visual .lang-float-risk small{font-size:11px;line-height:1.35;color:#b1e4d6}
.locale-page .hero-visual .photo-blob img{filter:saturate(1.12);object-position:center}
@media(max-width:600px){.locale-page .hero-visual .lang-float-demo{top:0;left:0;width:155px;min-height:100px;padding:10px}.locale-page .hero-visual .lang-float-risk{bottom:12px;left:0;width:165px;min-height:90px;padding:10px}}

@media(max-width:1260px){.locale-picker{min-width:176px}}
@media(max-width:850px){.locale-page .lang-guide-grid{grid-template-columns:1fr 1fr}.locale-page .hero-grid{grid-template-columns:1fr}.locale-picker{margin-left:auto;min-width:176px}}
@media(max-width:600px){.locale-page .lang-guide-grid{grid-template-columns:1fr}.locale-page .lang-sections{padding:36px 0}.locale-picker{min-width:100%}.locale-page .lang-notice{padding:16px}}

html{overflow-x:clip}

.locale-page .lang-search{margin:4px auto 0;max-width:1000px;position:relative;z-index:15;padding:16px;border:1px solid #236968;border-radius:18px;background:#09252bcc;display:flex;gap:12px;align-items:center}
.locale-page .lang-search input{background:#071e22;color:#f1fff9;border:1px solid #266e64;border-radius:12px;flex:1;min-width:0;padding:12px 14px}
.locale-page .lang-search-output{position:absolute;top:calc(100% - 8px);left:16px;right:16px;background:#081e22;max-height:280px;overflow:auto;border-radius:10px;display:none;box-shadow:0 10px 30px #000a}
.locale-page .lang-search-output.open{display:block}
.locale-page .lang-search-output a,.locale-page .lang-search-output span{display:block;padding:12px 15px;border-bottom:1px solid #1d4a4a}
.locale-page .lang-calc{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:center;padding:20px;margin:24px 0;background:#082429;border:1px solid #25645d;border-radius:18px}
.locale-page .lang-calc label{display:flex;align-items:center;gap:8px}
.locale-page .lang-calc input{width:95px;border:1px solid #338877;color:white;background:#061b20;padding:10px;border-radius:10px}
.locale-page .lang-calc strong{color:#63efbf}
.locale-page .lang-tabs{margin-top:25px;display:flex;flex-wrap:wrap;gap:10px}
.locale-page .lang-tabs button{padding:12px 19px;border:1px solid #2a736e;border-radius:14px;background:#082a2a;color:#d9fff0;font-weight:700}
.locale-page .lang-tabs button.active{background:#0ba57b;color:#fff}
.locale-page .lang-tab-panel{padding:22px;border:1px solid #236968;border-radius:14px;margin-top:10px;color:#b5ddd1}

@media(max-width:850px){.locale-picker{order:2;width:100%;min-width:0}.locale-picker summary{padding:10px 12px}.locale-name{font-size:13px}.locale-menu{left:0;right:0;max-height:300px}.locale-option{padding:11px 12px}}
@media(max-width:600px){.locale-picker{width:100%}.locale-picker summary{border-radius:14px}.locale-menu{top:calc(100% + 8px)}}


/* compact premium locale picker with search */
.locale-picker{min-width:162px;max-width:198px}
.locale-picker summary{padding:9px 12px;border-radius:16px;gap:10px}
.locale-flag{font-size:16px}
.locale-name{font-size:13px}
.locale-caret{font-size:12px}
.locale-menu{padding:10px;min-width:286px;max-width:320px;max-height:400px;overflow:auto}
.locale-search-wrap{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 10px;margin:-2px 0 10px;background:linear-gradient(180deg,rgba(8,25,28,.98),rgba(8,25,28,.92));backdrop-filter:blur(12px);border:1px solid rgba(93,226,184,.20);border-radius:14px}
.locale-search-icon{font-size:14px;color:#97f7dd;opacity:.92;line-height:1}
.locale-search{appearance:none;-webkit-appearance:none;width:100%;border:none;outline:none;background:transparent;color:#edfffa;font-size:13px;font-weight:700}
.locale-search::placeholder{color:#9bc3bb;font-weight:600}
.locale-group-title{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#88cdbd;padding:6px 6px 8px}
.locale-top-group,.locale-all-group{display:grid;gap:6px}
.locale-top-group .locale-option{background:linear-gradient(90deg,rgba(69,226,180,.10),rgba(69,226,180,.03));border-color:rgba(89,223,179,.16)}
.locale-divider{height:1px;margin:10px 4px;background:linear-gradient(90deg,rgba(89,223,179,0),rgba(89,223,179,.24),rgba(89,223,179,0))}
.locale-option{padding:10px 11px;border-radius:12px}
.locale-empty{padding:12px 10px 4px;color:#afc8c2;font-size:13px;font-weight:700;text-align:center}
.locale-option[hidden],.locale-group-title[hidden],.locale-divider[hidden],.locale-top-group[hidden],.locale-all-group[hidden],.locale-empty[hidden]{display:none!important}
@media(max-width:850px){.locale-picker{order:2;width:100%;max-width:none;min-width:0}.locale-menu{left:0;right:0;min-width:100%;max-width:none;max-height:320px}.locale-picker summary{padding:10px 12px}.locale-search-wrap{padding:9px 10px}.locale-name{font-size:13px}}


/* search field + highlighted matches */
.locale-search-wrap{position:sticky;top:0;z-index:4;display:flex;align-items:center;gap:8px;padding:8px 10px;margin:-2px 0 10px;background:linear-gradient(180deg,rgba(8,25,28,.98),rgba(8,25,28,.92));backdrop-filter:blur(12px);border:1px solid rgba(93,226,184,.20);border-radius:14px}
.locale-search-icon{position:relative;display:inline-block;width:16px;height:16px;flex:0 0 16px;font-size:0;color:transparent;opacity:.95}
.locale-search-icon::before{content:"";position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2397f7dd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E")}
.locale-search{appearance:none;-webkit-appearance:none;width:100%;border:none;outline:none;background:transparent;color:#edfffa;font-size:13px;font-weight:700}
.locale-search::placeholder{color:#9bc3bb;font-weight:600}
.locale-mark{display:inline;padding:0 .14em;border-radius:.38em;background:linear-gradient(180deg,rgba(82,255,204,.30),rgba(82,255,204,.18));color:#ffffff;box-shadow:0 0 0 1px rgba(82,255,204,.12),0 0 12px rgba(82,255,204,.12)}
