:root{--bg:#050612;--bg2:#090a1c;--card:rgba(18,17,46,.74);--card2:rgba(22,15,55,.86);--pink:#ff2bad;--pink2:#ff63cf;--violet:#8d54ff;--cyan:#28d9ff;--text:#fff;--muted:#c7c4dd;--line:rgba(165,111,255,.28);--shadow:0 18px 55px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 8%,rgba(255,42,173,.09),transparent 28%),radial-gradient(circle at 20% 36%,rgba(39,205,255,.07),transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important}.page-shell{min-height:100vh;overflow:hidden}.topbar{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 40px));height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand-mark{width:46px;height:52px;display:grid;place-items:center;border-radius:24px 24px 24px 8px;transform:rotate(45deg);background:linear-gradient(135deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 0 22px rgba(255,43,173,.55),0 0 35px rgba(40,217,255,.28);font-size:26px;font-weight:900}.brand-mark::first-letter{transform:rotate(-45deg)}.brand>span:last-child{display:flex;flex-direction:column;line-height:.88}.brand b{font-size:24px;letter-spacing:.02em;color:#ff55c5}.brand em{font-style:normal;font-size:17px;font-weight:800;color:#d7f7ff}.language{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(5,6,18,.48);backdrop-filter:blur(18px)}.language a{color:#dddaf1;text-decoration:none;font-weight:800;padding:7px 10px;border-radius:11px}.language a.active{color:#fff;background:linear-gradient(135deg,#d4189c,#8a38e7);box-shadow:0 0 15px rgba(255,43,173,.32)}.language i{font-style:normal;font-weight:900;font-size:12px;padding:7px 10px;border-radius:10px;border:1px solid var(--pink);color:#fff}
.hero{position:relative;min-height:790px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(3,5,15,.98) 0%,rgba(3,5,15,.9) 30%,rgba(3,5,15,.34) 58%,rgba(3,5,15,.07) 76%),linear-gradient(180deg,rgba(3,5,15,.12) 55%,var(--bg) 100%),url("hero/trans-near-you-hero-desktop-v1.jpg");background-size:cover;background-position:center;padding:128px 28px 72px}.hero::after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}.hero-content{position:relative;z-index:2;width:min(1180px,100%);margin:0 auto}.hero-content>*{max-width:590px}.hero h1{margin:0;font-size:clamp(58px,6vw,86px);line-height:.9;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 0 22px rgba(255,255,255,.12)}.hero h1 span{display:block;margin-top:9px;color:#bfefff;text-shadow:0 0 17px rgba(40,217,255,.44),0 0 30px rgba(255,43,173,.28)}.hero-subtitle{margin:20px 0 18px;font-size:21px;line-height:1.35;font-weight:700;color:#f1ecff}.city-card,.result-card{position:relative;padding:14px;border-radius:19px;background:linear-gradient(180deg,rgba(18,17,46,.82),rgba(8,8,24,.88));border:1px solid rgba(102,153,255,.54);box-shadow:0 0 28px rgba(78,78,255,.18),var(--shadow);backdrop-filter:blur(18px)}.input-wrap{height:58px;display:flex;align-items:center;border-radius:13px;border:1px solid rgba(97,164,255,.86);background:rgba(4,7,23,.9);box-shadow:inset 0 0 20px rgba(90,71,255,.08)}.input-wrap>span{font-size:26px;margin:0 14px;color:#fff}.input-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:17px;padding-right:16px}.input-wrap input::placeholder{color:#aeb1ce}.primary{width:100%;min-height:57px;margin-top:11px;border:0;border-radius:13px;color:#fff;font-size:16px;font-weight:900;letter-spacing:.01em;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(90deg,#ff1faa 0%,#c128e6 52%,#16cfff 100%);box-shadow:0 0 17px rgba(255,33,173,.52),0 0 28px rgba(22,207,255,.25);transition:transform .16s ease,filter .16s ease}.primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.cta-explainer{margin:12px 4px 6px!important;font-size:14px;color:#ddd9ec}.cta-details{margin:0 4px!important;font-size:12px;color:#b9b6ce}.city-list{position:absolute;z-index:50;left:14px;right:14px;top:74px;max-height:320px;overflow:auto;background:#0b0c1d;border:1px solid rgba(93,157,255,.52);border-radius:13px;box-shadow:0 18px 44px rgba(0,0,0,.55)}.city-option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.06);color:#fff;text-align:left;cursor:pointer}.city-option:hover,.city-option.is-active{background:linear-gradient(90deg,rgba(255,43,173,.15),rgba(40,217,255,.08))}.city-option strong{font-size:15px}.city-option small{color:#aaa9be}.result-card{text-align:center;padding:32px}.result-kicker{font-size:12px!important;font-weight:900;color:#ff5dc7;letter-spacing:.16em}.result-card h2{font-size:48px;margin:8px 0}.result-card p{color:#d4d0e3}.result-card #change-city{margin-top:12px;border:0;background:transparent;color:#c6c2db;text-decoration:underline;cursor:pointer}.section{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:72px 0}.section-heading{text-align:center;max-width:780px;margin:0 auto 34px}.section-heading>p,.eyebrow{margin:0 0 7px;color:#ff4fbe;font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.section-heading h2,.story-copy h2,.final-cta h2{margin:0;color:#fff;font-size:clamp(34px,4.1vw,52px);line-height:1.02;letter-spacing:-.03em}.section-heading span{display:block;margin-top:11px;color:#bdbad0;font-size:16px}.feature-grid,.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article,.principle-grid article{position:relative;padding:25px;min-height:170px;border-radius:18px;background:linear-gradient(145deg,rgba(24,15,55,.88),rgba(7,12,29,.92));border:1px solid rgba(179,61,246,.42);box-shadow:0 0 25px rgba(137,69,255,.07)}.feature-grid i,.principle-grid i{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,rgba(255,43,173,.28),rgba(126,71,255,.25));color:#ff60c9;font-style:normal;font-size:25px;box-shadow:0 0 18px rgba(255,43,173,.18)}.feature-grid h3,.principle-grid h3{margin:15px 0 7px;font-size:18px}.feature-grid p,.principle-grid p{margin:0;color:#c0bdd2;line-height:1.5}.city-story{display:grid;grid-template-columns:1.03fr 1fr;gap:42px;align-items:center}.story-photo{min-height:390px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,43,173,.56);box-shadow:0 0 28px rgba(255,43,173,.13)}.story-photo img{width:100%;height:100%;object-fit:cover;display:block}.story-copy p:not(.eyebrow){color:#c8c5d8;line-height:1.65}.story-copy .primary{max-width:520px}.popular{padding-top:34px}.city-chips{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.city-chip{padding:10px 16px;border-radius:999px;border:1px solid rgba(83,159,255,.55);background:linear-gradient(180deg,#171832,#0b0d1e);color:#fff;font-weight:800;cursor:pointer}.city-chip:hover{border-color:#ff4fc2;box-shadow:0 0 15px rgba(255,43,173,.2)}.principles{padding-top:46px}.final-cta{width:min(980px,calc(100% - 40px));margin:25px auto 70px;padding:52px 45px;border-radius:25px;text-align:center;background:radial-gradient(circle at 10% 0%,rgba(255,42,173,.18),transparent 35%),radial-gradient(circle at 90% 100%,rgba(32,210,255,.14),transparent 34%),#0c0d22;border:1px solid rgba(156,78,255,.38);box-shadow:var(--shadow)}.final-cta>p{margin:0 0 6px;color:#ff52c4;font-weight:900;font-size:13px;letter-spacing:.13em;text-transform:uppercase}.final-cta>span{display:block;margin:13px 0 20px;color:#c2bfd3}.final-cta .primary{max-width:520px;margin:0 auto}footer{padding:0 24px 34px;text-align:center;color:#85839a;font-size:12px}
@media(max-width:760px){.topbar{height:76px;width:calc(100% - 28px)}.brand{gap:8px}.brand-mark{width:38px;height:42px;font-size:21px}.brand b{font-size:19px}.brand em{font-size:13px}.language{gap:2px;padding:4px}.language a{font-size:12px;padding:6px 7px}.language i{font-size:10px;padding:6px 7px}.hero{min-height:820px;display:block;padding:285px 15px 44px;background-image:linear-gradient(180deg,rgba(3,5,15,.02) 0%,rgba(3,5,15,.16) 34%,rgba(3,5,15,.86) 55%,var(--bg) 78%),url("hero/trans-near-you-hero-mobile-v1.jpg");background-size:cover;background-position:center top}.hero-content{width:100%}.hero-content>*{max-width:none}.hero h1{text-align:center;font-size:clamp(42px,12.8vw,55px);line-height:.9}.hero-subtitle{text-align:center;margin:13px 12px 17px;font-size:17px}.city-card{padding:12px;border-radius:16px}.input-wrap{height:52px}.primary{min-height:50px;font-size:14px}.cta-explainer{text-align:center;font-size:13px}.cta-details{text-align:center;font-size:11px}.city-list{left:12px;right:12px;top:68px}.result-card{padding:26px 16px}.result-card h2{font-size:42px}.section{width:calc(100% - 30px);padding:55px 0}.section-heading{margin-bottom:24px}.section-heading h2,.story-copy h2,.final-cta h2{font-size:34px}.section-heading span{font-size:14px}.feature-grid,.principle-grid{grid-template-columns:1fr;gap:11px}.feature-grid article,.principle-grid article{min-height:0;padding:20px}.city-story{grid-template-columns:1fr;gap:24px;padding-top:18px}.story-photo{min-height:330px}.story-copy{text-align:left}.story-copy .primary{max-width:none}.popular{padding-top:28px}.city-chip{font-size:12px;padding:9px 12px}.final-cta{width:calc(100% - 30px);padding:36px 18px;margin-bottom:48px;border-radius:20px}footer{font-size:10px;padding:0 20px 28px}}
[data-lang="ru"] .hero h1{font-size:clamp(48px,5.5vw,78px)}@media(max-width:760px){[data-lang="ru"] .hero h1{font-size:clamp(35px,9.8vw,43px)}[data-lang="es"] .hero h1{font-size:clamp(34px,9.4vw,42px)}}

/* v2 polish: stronger premium neon depth + free-form city fallback */
.hero::before{content:"";position:absolute;z-index:1;left:max(2vw,18px);top:19%;width:min(620px,54vw);height:520px;background:radial-gradient(ellipse at 42% 48%,rgba(255,38,174,.16),transparent 56%),radial-gradient(ellipse at 58% 62%,rgba(31,210,255,.11),transparent 60%);filter:blur(22px);pointer-events:none}
.city-card{box-shadow:0 0 0 1px rgba(57,202,255,.05),0 0 28px rgba(255,43,173,.16),0 24px 65px rgba(0,0,0,.48)}
.input-wrap:focus-within{border-color:rgba(68,220,255,.98);box-shadow:0 0 0 3px rgba(40,217,255,.08),0 0 24px rgba(40,217,255,.18),inset 0 0 22px rgba(90,71,255,.1)}
.city-option-freeform{background:linear-gradient(90deg,rgba(255,43,173,.16),rgba(40,217,255,.1));border-top:1px solid rgba(255,74,196,.28)}
.city-option-freeform strong{color:#fff}.city-option-freeform small{color:#bfefff}
@media(max-width:760px){.hero::before{left:-18%;top:33%;width:136%;height:430px;opacity:.8;filter:blur(26px)}}

/* v4 validation */
.city-validation{margin:8px 4px 0;color:#ff9edb;font-size:12px;font-weight:800;line-height:1.35}
.city-validation[hidden]{display:none}
.city-card.has-validation .input-wrap{border-color:rgba(255,75,180,.88);box-shadow:0 0 0 3px rgba(255,43,173,.08),0 0 20px rgba(255,43,173,.16)}