
:root{--navy:#0b1220;--ink:#162033;--muted:#667085;--line:#dbe4ee;--card:#ffffff;--bg:#f4f8fb;--blue:#0b74de;--cyan:#03a9c9;--gold:#f6a623;--soft:#eaf6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff 0%,#eef6fb 42%,#f8fafc 100%);color:var(--ink);line-height:1.68}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 18px}.top{position:sticky;top:0;z-index:20;background:rgba(11,18,32,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:900;letter-spacing:.2px}.brand img{width:46px;height:46px;object-fit:contain;background:white;border-radius:14px;padding:4px}.brand small{display:block;color:#b5d5ec;font-weight:650;letter-spacing:0;font-size:12px}.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a{color:white;text-decoration:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:800}.nav a:hover{background:rgba(255,255,255,.18)}.lang{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.lang a{background:#ffffff!important;color:#0b1220!important;border:2px solid #b7d9f5!important;box-shadow:0 4px 14px rgba(3,169,201,.16);font-weight:900;min-width:42px;text-align:center}.lang a.active{background:linear-gradient(135deg,#0b74de,#03a9c9)!important;color:white!important;border-color:#fff!important}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(3,169,201,.32),transparent 34%),linear-gradient(135deg,#071225 0%,#10375f 50%,#0a8fb3 100%);color:white}.hero:after{content:"";position:absolute;inset:auto -80px -140px auto;width:420px;height:420px;background:rgba(246,166,35,.22);border-radius:50%;filter:blur(6px)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.06fr .94fr;gap:34px;align-items:center;padding:62px 0}.badge{display:inline-flex;gap:8px;align-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:8px 13px;border-radius:999px;font-weight:900;color:#dff7ff}.hero h1{font-size:clamp(34px,5vw,66px);line-height:1.02;margin:16px 0 18px;letter-spacing:-1.8px}.hero p{font-size:18px;color:#e2f5ff;max-width:760px}.hero-img{border-radius:34px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.18);transform:rotate(1deg)}.hero-img img{width:100%;height:460px;object-fit:cover}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;padding:13px 17px;border-radius:16px;font-weight:950;border:0}.btn.primary{background:linear-gradient(135deg,var(--gold),#ffd166);color:#261401}.btn.secondary{background:#fff;color:#09213c}.btn.dark{background:var(--navy);color:white}.btn.map{background:#0b74de;color:white}.section{padding:52px 0}.section h2{font-size:clamp(26px,3vw,42px);margin:0 0 10px;letter-spacing:-.8px}.lead{font-size:18px;color:var(--muted);max-width:850px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}.card{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:0 16px 34px rgba(16,24,40,.07)}.card img{height:190px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:14px}.card h3{margin:5px 0 8px;font-size:21px}.card p{color:var(--muted);margin:0 0 14px}.feature{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pill{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;font-weight:850;box-shadow:0 10px 26px rgba(16,24,40,.05)}.content{background:#fff;border:1px solid var(--line);border-radius:30px;padding:32px;box-shadow:0 18px 44px rgba(16,24,40,.08)}.content h1{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:0 0 12px}.content h2{margin-top:34px}.content p{font-size:17px;color:#334155}.split{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:start}.side{position:sticky;top:88px;background:linear-gradient(180deg,#0b1220,#12395d);color:white;border-radius:28px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.16)}.side img{border-radius:20px;height:230px;width:100%;object-fit:cover;margin-bottom:14px}.side p{color:#dcecff}.quick{display:grid;gap:10px;margin-top:15px}.quick a{padding:13px 14px;border-radius:16px;text-decoration:none;font-weight:950;text-align:center}.quick a:nth-child(1){background:#fff;color:#071225}.quick a:nth-child(2){background:#0b74de;color:white}.quick a:nth-child(3){background:#22c55e;color:white}.list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.list a{background:#fff;border:1px solid var(--line);padding:17px;border-radius:18px;text-decoration:none;font-weight:850;box-shadow:0 12px 26px rgba(16,24,40,.05)}.footer{background:#08111f;color:#d7e9f7;margin-top:56px;padding:40px 0}.footer a{color:white}.note{background:linear-gradient(135deg,#e6f7ff,#fff7e6);border:1px solid #c9e7fb;border-radius:24px;padding:22px;margin:26px 0}@media(max-width:880px){.hero-grid,.split{grid-template-columns:1fr}.cards,.feature,.list{grid-template-columns:1fr}.nav{justify-content:flex-start}.hero-img img{height:310px}.side{position:relative;top:0}.bar{align-items:flex-start;flex-direction:column}.lang a{padding:8px 10px}}
