*{box-sizing:border-box} :root{--bg:#f5faff;--card:rgba(255,255,255,.82);--white:#fff;--text:#17344c;--muted:#7890a2;--line:#dcecf6;--blue:#70b9e5;--blue2:#dff2fc;--deep:#4b9bcf;--shadow:0 18px 50px rgba(53,113,149,.11);--r:24px}body{margin:0;background:radial-gradient(circle at 80% 0,#e2f4ff 0,transparent 34%),linear-gradient(135deg,#fafdff,#edf7fd);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{display:flex;min-height:100vh}.sidebar{width:240px;padding:24px 16px;border-right:1px solid var(--line);background:rgba(255,255,255,.55);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh}.logo{display:flex;gap:11px;align-items:center;padding:2px 10px 18px}.logo>span{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#9bd5f2,#5aa9da);color:#fff;box-shadow:0 8px 20px #c2e5f6}.logo b{display:block;font-size:14px}.logo small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:13px;text-align:left;font-size:13px}.nav:hover,.nav.active{background:var(--blue2);color:#438db9}.nav i{font-style:normal;font-size:9px;background:#fff;padding:2px 5px;border-radius:10px;margin-left:auto}.side-tip{margin-top:auto;padding:18px;border-radius:20px;background:linear-gradient(145deg,#e7f6ff,#f8fcff);border:1px solid var(--line)}.side-tip span{font-size:22px}.side-tip b{display:block;font-size:13px;line-height:1.4;margin:9px 0}.side-tip small{font-size:10px;color:var(--muted);line-height:1.5;display:block}.main{min-width:0;flex:1}.topbar{height:76px;display:flex;align-items:center;gap:16px;padding:14px 4vw;border-bottom:1px solid var(--line);background:rgba(250,253,255,.65);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.search{max-width:600px;flex:1;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.search input{border:0;outline:0;width:100%;color:var(--text);background:transparent;font-size:12px}.top-actions{display:flex;gap:7px;margin-left:auto}.circle,.mobile-menu{width:39px;height:39px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}.mobile-menu{display:none}main{max-width:1250px;margin:auto;padding:28px 4vw 30px}.view{display:none}.active-view{display:block}.hero{min-height:390px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(120deg,#fff,#edf8ff);padding:48px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;box-shadow:var(--shadow)}.eyebrow{font-size:10px;letter-spacing:.18em;color:#62a8d1;font-weight:850;margin:0 0 9px}.hero h1,.page-head h1{font-size:clamp(37px,5vw,62px);line-height:1;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:#65acd7}.hero p:not(.eyebrow),.page-head p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7;max-width:510px;margin:17px 0}.hero-actions{display:flex;gap:9px;margin-top:22px}.primary,.ghost,.text-btn,.wa-btn{border:0;border-radius:12px;padding:12px 15px;font-size:12px;font-weight:750}.primary{background:#65add7;color:#fff;box-shadow:0 8px 18px #b9deef}.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.text-btn{background:none;color:#579bc5}.hero-art{position:relative;min-height:290px}.sun{position:absolute;width:125px;height:125px;border-radius:50%;background:#d9f1ff;right:17%;top:5%;box-shadow:0 0 0 18px #eaf8ff}.mountain{position:absolute;bottom:-30px;width:0;height:0;border-left:170px solid transparent;border-right:170px solid transparent;border-bottom:230px solid #b9e1f4}.m1{left:5%;transform:rotate(-3deg)}.m2{right:-10%;border-bottom-color:#d7eef9;transform:scale(.82)}.cloud{position:absolute;color:#fff;font-size:44px;filter:drop-shadow(0 7px 8px #b9dcec)}.c1{top:35%;left:15%}.c2{top:19%;right:8%;font-size:32px}.plane{position:absolute;right:20%;top:12%;font-size:25px;color:#65add7;transform:rotate(-15deg);animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translate(8px,-8px) rotate(-12deg)}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 28px}.stats>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;grid-template-columns:32px 1fr;column-gap:9px}.stats span{grid-row:span 2;font-size:19px;color:#62acd7}.stats b{font-size:21px}.stats small{font-size:10px;color:var(--muted)}.section-title,.panel-head{display:flex;justify-content:space-between;align-items:end}.section-title h2{margin:0 0 12px;font-size:24px;letter-spacing:-.03em}.destination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dest{overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transition:.2s}.dest:hover{transform:translateY(-4px)}.dest-img{height:170px;position:relative;display:grid;place-items:center;font-size:55px;background:linear-gradient(145deg,#dff3fd,#b5dff2)}.dest-img small{position:absolute;left:12px;top:12px;background:#fffcc;padding:6px 8px;border-radius:8px;font-size:9px;color:#568eae}.heart{position:absolute;right:10px;top:10px;width:31px;height:31px;border:0;border-radius:50%;background:rgba(255,255,255,.86);color:#5e91ad}.heart.on{color:#4b9bcf}.dest-body{padding:14px}.dest-body h3{margin:0;font-size:15px}.dest-body p{margin:5px 0 11px;color:var(--muted);font-size:10px}.dest-foot{display:flex;justify-content:space-between;align-items:center}.price{font-size:13px;font-weight:800}.mini-actions{display:flex;gap:5px}.mini{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 8px;font-size:10px;color:var(--text)}.bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:18px}.panel{border:1px solid var(--line);background:var(--card);border-radius:20px;padding:20px}.panel h3{margin:0;font-size:16px}.badge{font-size:9px;background:var(--blue2);color:#4d96bf;padding:5px 8px;border-radius:8px}.checklist label{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.checklist input{accent-color:#65add7}.page-head{display:flex;justify-content:space-between;align-items:end;margin:15px 0 25px}.page-head h1{font-size:42px}.filter-row{display:flex;gap:7px}.filter-row select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;font-size:11px;color:var(--text)}.trips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trip-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.trip-card h3{margin:0 0 6px}.trip-card p,.trip-card small{color:var(--muted);font-size:11px}.trip-bar{height:7px;border-radius:10px;background:var(--blue2);overflow:hidden;margin:14px 0}.trip-bar span{display:block;height:100%;width:55%;background:#70b9e5}.empty{grid-column:1/-1;text-align:center;padding:55px;color:var(--muted);border:1px dashed var(--line);border-radius:20px}footer{display:flex;justify-content:space-between;padding:20px 4vw;border-top:1px solid var(--line);color:#91a6b5;font-size:10px}.modal{position:fixed;inset:0;background:rgba(15,40,58,.28);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:18px;z-index:30}.modal.open{display:flex}.modal-box{width:min(650px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:25px;padding:25px;position:relative;box-shadow:0 30px 90px #174b6a33}.close{position:absolute;right:17px;top:15px;border:0;background:#edf7fc;border-radius:10px;width:33px;height:33px;font-size:20px;color:#5685a0}.modal-title{margin-bottom:18px}.modal-title h2{margin:0;font-size:25px}.detail-big{padding:35px;border-radius:20px;background:linear-gradient(145deg,#dff3fd,#b4ddf1);text-align:center;font-size:90px;margin-bottom:18px}.detail-meta{display:flex;justify-content:space-between;align-items:center}.detail-copy{color:var(--muted);font-size:12px;line-height:1.7}.cart-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.checkout-total{margin:15px 0;padding:15px;border-radius:14px;background:var(--blue2);font-size:13px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:10px;color:var(--muted)}.form-grid input{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:11px;padding:11px;outline:0;color:var(--text)}.wide{width:100%}.wa-btn{width:100%;margin-top:8px;background:#edf9f2;color:#3f8d63}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:#17344c;color:#fff;padding:11px 15px;border-radius:11px;font-size:11px;z-index:50;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}body.dark{--bg:#091722;--card:rgba(17,35,50,.9);--text:#e5f3fb;--muted:#9bb3c2;--line:#25455a;--blue2:#12334a}body.dark,body.dark .topbar{background:#091722}body.dark .sidebar{background:rgba(9,23,34,.8)}body.dark .hero{background:linear-gradient(120deg,#102b3e,#0d2232)}body.dark .search,body.dark .circle,body.dark .ghost,body.dark .mini,body.dark .filter-row select,body.dark .modal-box{background:#102638;color:var(--text)}@media(max-width:950px){.sidebar{width:205px}.hero{grid-template-columns:1fr}.hero-art{display:none}.destination-grid,.trips-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:fixed;left:-250px;z-index:40;transition:.25s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:12px 16px}.search{order:2}.top-actions{order:3}main{padding:20px 16px}.hero{padding:30px 22px;min-height:0}.hero h1{font-size:43px}.stats{grid-template-columns:1fr 1fr}.destination-grid,.bottom-grid,.trips-grid{grid-template-columns:1fr}.page-head{display:block}.page-head h1{font-size:38px}.filter-row{margin-top:15px}.filter-row select{width:50%}.form-grid{grid-template-columns:1fr}footer{padding:20px 16px;flex-direction:column;gap:7px}.circle{display:none}}