:root{--ink:#071c24;--ink2:#0d2b35;--cream:#f6f1e8;--paper:#fffdf8;--gold:#d5a746;--gold2:#f4d58b;--teal:#1e7b71;--teal2:#49a89a;--coral:#d97564;--muted:#637178;--line:rgba(7,28,36,.12);--shadow:0 24px 70px rgba(7,28,36,.14);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.nav{position:sticky;top:0;z-index:50;background:rgba(246,241,232,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.navin{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.03em}.brandmark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--coral));display:grid;place-items:center;box-shadow:0 9px 28px rgba(213,167,70,.28)}.brandmark span{font-size:20px}.navlinks{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:700}.navlinks a:hover{color:var(--teal)}.translate{border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:var(--paper);font-weight:700;color:var(--ink);max-width:150px}.menuBtn{display:none;border:0;background:transparent;font-size:25px}.hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#061b24 0%,#0d3138 55%,#184b49 100%);color:white;padding:86px 0 78px}.hero:before{content:"";position:absolute;width:680px;height:680px;border-radius:50%;border:1px solid rgba(255,255,255,.09);right:-240px;top:-250px;box-shadow:0 0 0 90px rgba(255,255,255,.02),0 0 0 190px rgba(255,255,255,.015)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 26%,rgba(213,167,70,.28),transparent 24%),radial-gradient(circle at 18% 80%,rgba(73,168,154,.22),transparent 28%)}.heroGrid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--gold2)}h1,h2,h3{line-height:1.08;margin:0;letter-spacing:-.04em}h1{font-size:clamp(48px,6vw,84px);max-width:850px}.hero p{font-size:19px;color:rgba(255,255,255,.78);max-width:650px;margin:24px 0 32px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 18px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer}.btnPrimary{background:var(--gold);color:#13272b}.btnPrimary:hover{background:#e5bc62}.btnGhost{border-color:rgba(255,255,255,.24);color:white;background:rgba(255,255,255,.06)}.heroCard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:32px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.22);backdrop-filter:blur(10px)}.heroCardTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.miniTag{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.09);font-size:12px;font-weight:800}.toolstack{display:grid;gap:10px}.toolrow{display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;padding:15px;background:rgba(255,255,255,.07);border-radius:18px}.toolicon{width:46px;height:46px;border-radius:15px;background:rgba(213,167,70,.16);display:grid;place-items:center;font-size:23px}.toolrow strong{display:block}.toolrow small{color:rgba(255,255,255,.62)}.arrow{color:var(--gold2);font-size:20px}.section{padding:76px 0}.sectionDark{background:var(--ink);color:white}.sectionTitle{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:28px}.sectionTitle h2{font-size:clamp(34px,4vw,56px)}.sectionTitle p{max-width:520px;color:var(--muted);margin:0}.sectionDark .sectionTitle p{color:rgba(255,255,255,.62)}.toolsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.toolCard{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:250px;box-shadow:0 10px 34px rgba(7,28,36,.06);transition:.25s}.toolCard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.toolCard .bigIcon{font-size:34px;margin-bottom:48px}.toolCard h3{font-size:24px}.toolCard p{color:var(--muted);font-size:14px}.toolCard .link{font-weight:900;color:var(--teal)}.adWrap{padding:22px 0}.adBox{min-height:90px;border:1px dashed rgba(99,113,120,.35);border-radius:18px;background:rgba(255,255,255,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden}.adLabel{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#889196;font-weight:900}.destGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.destCard{position:relative;min-height:240px;border-radius:24px;padding:22px;overflow:hidden;background:linear-gradient(160deg,#143a42,#071c24);color:white;box-shadow:0 12px 42px rgba(0,0,0,.14)}.destCard:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(213,167,70,.35),transparent 65%);right:-55px;top:-50px}.destCard .flag{font-size:34px;position:relative}.destCard .destBottom{position:absolute;left:22px;right:22px;bottom:20px}.destCard h3{font-size:25px}.destCard p{margin:7px 0 0;color:rgba(255,255,255,.65);font-size:13px}.destCard:hover{outline:2px solid var(--gold)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field label{display:block;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;margin-bottom:7px}.field input,.field select{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(30,123,113,.1)}.monthGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.month{border:1px solid var(--line);border-radius:18px;padding:16px;background:var(--paper)}.month .mIcon{font-size:28px}.month .mName{font-weight:900;margin-top:6px}.temp{font-size:24px;font-weight:900}.subtle{font-size:12px;color:var(--muted)}.notice{border-radius:18px;padding:15px 17px;background:#eef7f5;color:#1b5d56;border:1px solid #cde8e3;font-size:14px}.noticeGold{background:#fff8e8;color:#6d5215;border-color:#efdcaa}.loading{display:none;padding:18px;text-align:center;color:var(--muted)}.resultHero{background:linear-gradient(135deg,#0b2932,#164846);color:white;border-radius:24px;padding:22px;margin-top:18px}.resultHero h3{font-size:30px}.pillRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pill{border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}.tierTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tier{border:1px solid var(--line);border-radius:17px;padding:15px;background:white;cursor:pointer}.tier.active{border-color:var(--teal);box-shadow:0 0 0 3px rgba(30,123,113,.1)}.tier strong{display:block}.moneyGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.moneyCard{padding:16px;border-radius:18px;background:#f8f5ee;border:1px solid var(--line)}.moneyCard strong{display:block;font-size:23px}.widgetShell{background:#fff;border-radius:24px;padding:20px;border:1px solid var(--line);box-shadow:0 14px 50px rgba(7,28,36,.08)}.hotelRank{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hotelCard{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px}.hotelCard .rank{font-size:12px;font-weight:900;color:var(--gold)}.hotelCard h3{font-size:18px;margin-top:8px}.placeholderScore{display:flex;gap:6px;margin-top:12px;color:#a67f2d;font-weight:800;font-size:12px}.footer{background:#061a22;color:white;padding:54px 0 30px}.footerGrid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:30px}.footer h4{margin:0 0 12px}.footer a{display:block;color:rgba(255,255,255,.65);font-size:14px;margin:8px 0}.footer p{color:rgba(255,255,255,.6);font-size:14px}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-top:22px;color:rgba(255,255,255,.5);font-size:12px;display:flex;justify-content:space-between;gap:12px}.seoText{max-width:800px}.seoText h2{font-size:34px;margin-top:30px}.seoText h3{font-size:24px;margin-top:24px}.seoText p,.seoText li{color:#415159}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:18px}.destinationHero{padding:62px 0 42px;background:linear-gradient(145deg,#061b24,#154640);color:white}.destinationHero h1{font-size:clamp(42px,6vw,72px)}.destinationHero p{color:rgba(255,255,255,.7);font-size:18px}.quickNav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.quickNav a{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:13px;font-weight:800}.statStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.stat{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:13px}.stat small{display:block;color:rgba(255,255,255,.55)}.faq details{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:15px 17px;margin:10px 0}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted)}@media(max-width:980px){.navlinks{display:none}.navlinks.open{display:flex;position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:18px;flex-direction:column;border-bottom:1px solid var(--line)}.menuBtn{display:block}.heroGrid{grid-template-columns:1fr}.toolsGrid,.destGrid{grid-template-columns:repeat(2,1fr)}.monthGrid{grid-template-columns:repeat(3,1fr)}.hotelRank{grid-template-columns:repeat(2,1fr)}.footerGrid{grid-template-columns:1fr 1fr}.moneyGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.hero{padding:60px 0}.toolsGrid,.destGrid,.formGrid,.monthGrid,.hotelRank,.footerGrid,.statStrip{grid-template-columns:1fr}.moneyGrid{grid-template-columns:1fr 1fr}.tierTabs{grid-template-columns:1fr}.section{padding:56px 0}.navin{height:66px}.navlinks.open{top:66px}.brand{font-size:15px}.translate{max-width:118px}}