@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#1c1c21; --muted:#676771; --line:#e6e6e1; --paper:#f7f7f4; --card:#fff; --violet:#5a4fe0; --deep:#31288f; --lilac:#e9e7ff; --mint:#e3f7ed; --peach:#ffebe0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.wrap { max-width:1140px; margin:auto; padding:0 28px; }
.site-header { padding:22px 0; background:rgba(247,247,244,.85); border-bottom:1px solid transparent; position:sticky; top:0; z-index:5; backdrop-filter:blur(13px); }
.nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:10px; font-size:21px; font-weight:800; letter-spacing:-1px; }
.brand-mark { display:grid; place-items:center; width:31px; height:31px; color:white; background:var(--violet); border-radius:10px 10px 10px 3px; box-shadow:inset 0 -3px 0 rgba(0,0,0,.1); }
.nav-links { display:flex; gap:25px; font-size:13px; font-weight:700; color:#4e4e58; }
.nav-links a:hover { color:var(--violet); }
.button { display:inline-flex; justify-content:center; align-items:center; gap:8px; min-height:43px; padding:0 18px; border:0; border-radius:12px; background:var(--violet); color:#fff; font:700 13px Manrope,sans-serif; cursor:pointer; transition:.2s ease; }
.button:hover { background:var(--deep); transform:translateY(-1px); }
.button.ghost { color:var(--violet); background:var(--lilac); }
.hero { padding:88px 0 64px; position:relative; overflow:hidden; }
.hero:after { content:""; position:absolute; width:430px; height:430px; right:-130px; top:-180px; border-radius:50%; background:radial-gradient(circle, #e3e0ff 0, rgba(227,224,255,0) 69%); z-index:-1; }
.eyebrow { margin:0 0 17px; color:var(--violet); font:500 11px "DM Mono",monospace; letter-spacing:.09em; text-transform:uppercase; }
h1 { max-width:700px; margin:0; font-size:clamp(42px,6vw,71px); line-height:1.05; letter-spacing:-3.7px; }
.hero-copy { max-width:555px; margin:22px 0 31px; color:var(--muted); font-size:17px; line-height:1.65; }
.trust { display:flex; align-items:center; gap:9px; color:#64646c; font-size:12px; font-weight:700; }
.trust-icon { width:20px; height:20px; padding:4px; border-radius:50%; background:var(--mint); color:#248a5b; }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:18px; padding:32px 0 22px; border-top:1px solid var(--line); }
h2 { margin:0; font-size:25px; letter-spacing:-1.1px; }
.section-heading p { margin:0; font-size:13px; color:var(--muted); }
.destination-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; padding-bottom:90px; }
.destination { min-height:245px; padding:26px; display:flex; flex-direction:column; justify-content:space-between; background:var(--card); border:1px solid var(--line); border-radius:20px; transition:box-shadow .2s,transform .2s,border-color .2s; }
.destination:hover { transform:translateY(-3px); box-shadow:0 14px 30px rgba(32,30,47,.08); border-color:#d6d3ee; }
.destination-top { display:flex; justify-content:space-between; align-items:flex-start; }
.card-icon { display:grid; place-items:center; width:47px; height:47px; border-radius:14px; color:var(--deep); background:var(--lilac); }
.destination:nth-child(2) .card-icon { background:var(--peach); color:#a24d25; }
.destination:nth-child(3) .card-icon { background:var(--mint); color:#258257; }
.destination:nth-child(4) .card-icon { background:#f4ecff; color:#7a42bd; }
.arrow { color:#a1a1a6; transition:.2s; }.destination:hover .arrow { color:var(--violet); transform:translate(3px,-3px); }
.destination h3 { margin:26px 0 8px; font-size:19px; letter-spacing:-.65px; }.destination p { margin:0; max-width:360px; font-size:13px; line-height:1.6; color:var(--muted); }
.footer { padding:26px 0 35px; background:#eeeefa; font-size:12px; color:#656573; }.footer-row { display:flex; justify-content:space-between; gap:20px; }.footer-links { display:flex; gap:17px; }.footer a:hover { color:var(--violet); }
.page-hero { padding:72px 0 45px; border-bottom:1px solid var(--line); }.page-hero h1 { font-size:clamp(38px,5.5vw,60px); }.page-content { max-width:760px; padding:48px 28px 84px; margin:auto; }.page-content h2 { margin:36px 0 10px; font-size:21px; }.page-content p, .page-content li { color:#575761; font-size:14px; line-height:1.8; }.page-content ul { padding-left:20px; }.meta { margin-top:15px; color:#777783; font:12px "DM Mono",monospace; }
.support-layout { display:grid; grid-template-columns:.86fr 1.15fr; gap:42px; align-items:start; }.support-note { padding:26px; border-radius:20px; background:var(--lilac); }.support-note h2 { margin:11px 0 8px; }.support-note p { font-size:13px; line-height:1.7; color:#595573; }.support-note a { color:var(--violet); font-weight:800; }.form { padding:27px; border:1px solid var(--line); border-radius:20px; background:#fff; }.field { display:grid; gap:7px; margin-bottom:18px; font-size:12px; font-weight:800; }.field input,.field select,.field textarea { width:100%; padding:12px 13px; border:1px solid #dddde1; border-radius:10px; color:var(--ink); font:14px Manrope,sans-serif; outline-color:var(--violet); background:#fff; }.field textarea { min-height:118px; resize:vertical; }
.honeypot { display:none; }.form-status { display:none; margin-top:14px; font-size:13px; font-weight:700; }.form-status.show { display:block; }.success { color:#21734e; }.error { color:#a33232; }.button:disabled { cursor:wait; opacity:.72; transform:none; }
@media (max-width:680px) { .wrap { padding:0 20px; }.site-header { padding:16px 0; }.nav-links { display:none; }.hero { padding:62px 0 48px; } h1 { letter-spacing:-2.5px; }.destination-grid,.support-layout { grid-template-columns:1fr; }.destination { min-height:215px; }.footer-row { align-items:flex-start; flex-direction:column; }.page-content { padding-left:20px; padding-right:20px; } }