.trip-app{display:grid;grid-template-columns:330px 1fr;min-height:calc(100vh - 82px);background:#f5f7f8}
.trip-sidebar{background:#06172a;color:white;padding:42px 30px;position:sticky;top:82px;height:calc(100vh - 82px);overflow:auto}
.sidebar-brand h1{font-size:37px;margin:10px 0}.sidebar-brand p{color:rgba(255,255,255,.62);line-height:1.6}
.trip-steps{list-style:none;padding:0;margin:35px 0}.trip-steps li{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:14px 10px;border-left:3px solid rgba(255,255,255,.1);opacity:.48;transition:.2s}.trip-steps li.active,.trip-steps li.complete{opacity:1}.trip-steps li.active{border-color:#e7b75a;background:rgba(255,255,255,.05)}.trip-steps li.complete{border-color:#4c9b72}.trip-steps li>span{font-size:10px;color:#e7b75a;font-weight:900}.trip-steps strong,.trip-steps small{display:block}.trip-steps small{color:rgba(255,255,255,.5);margin-top:2px}
.sidebar-help{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;background:rgba(255,255,255,.04)}.sidebar-help p{font-size:11px;color:rgba(255,255,255,.55);line-height:1.55}
.trip-main{padding:0 5vw 45px}.trip-progress{height:5px;background:#e4e8eb;position:sticky;top:82px;z-index:25}.trip-progress span{display:block;width:14.285%;height:100%;background:#e7b75a;transition:.25s}
.trip-screen{display:none}.trip-screen.active{display:block}.screen-content{max-width:1050px;margin:0 auto;padding:70px 0 30px}.screen-label{font-size:11px;letter-spacing:.16em;color:#946a23;font-weight:900}.screen-content h2{font-size:clamp(42px,5vw,68px);line-height:1.02;margin:14px 0}.lead{color:#687382;line-height:1.7;font-size:17px;max-width:830px}
.welcome-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.welcome-visual{height:560px;border-radius:22px;background:linear-gradient(0deg,rgba(4,18,33,.45),transparent),url('https://images.unsplash.com/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=1400&q=88') center/cover;position:relative}.visual-card{position:absolute;left:25px;right:25px;bottom:25px;background:rgba(6,23,42,.88);color:white;border-radius:14px;padding:22px}.visual-card small,.visual-card strong{display:block}.visual-card small{color:#e7b75a;letter-spacing:.15em;font-weight:900}.visual-card strong{font-size:21px;margin-top:5px}.benefits{display:grid;gap:12px;margin-top:30px}.benefits div{display:grid;grid-template-columns:45px 1fr;column-gap:12px;padding:15px;border:1px solid #e1e5e8;border-radius:12px}.benefits span{grid-row:1/3;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#06172a;color:#e7b75a;font-size:11px}.benefits p{margin:3px 0 0;color:#687382;font-size:12px}
.form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.form-grid label,.budget-card label{font-weight:800}.form-grid input,.currency-input input{width:100%;margin-top:8px;border:1px solid #dce1e5;border-radius:10px;padding:16px;background:#fff}.quick-date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.quick-date-grid button{padding:18px;text-align:left;border:1px solid #dce1e5;background:#fff;border-radius:12px;cursor:pointer}.quick-date-grid strong,.quick-date-grid span{display:block}.quick-date-grid span{font-size:11px;color:#687382;margin-top:4px}.quick-date-grid button.selected{background:#06172a;color:white;border-color:#06172a}.toggle-row{display:flex;gap:10px;align-items:center;font-weight:700}
.traveller-counters{display:grid;gap:13px;margin-top:30px}.counter-card{background:#fff;border:1px solid #dfe4e8;border-radius:13px;padding:20px;display:flex;justify-content:space-between;align-items:center}.counter-card strong,.counter-card span{display:block}.counter-card span{font-size:11px;color:#687382}.counter{display:flex;align-items:center;gap:15px}.counter button{width:38px;height:38px;border-radius:50%;border:1px solid #d5dbe0;background:#fff;font-size:22px;cursor:pointer}.counter output{min-width:25px;text-align:center;font-weight:900}.traveller-type-grid{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.traveller-type-grid input,.style-grid input,.accommodation-grid input,.secondary-interests input,.amenities-grid input{display:none}.traveller-type-grid span,.secondary-interests span,.amenities-grid span{display:block;border:1px solid #dce1e5;background:#fff;border-radius:999px;padding:11px 15px;font-weight:800;font-size:12px}.traveller-type-grid input:checked+span,.secondary-interests input:checked+span,.amenities-grid input:checked+span{background:#06172a;color:white;border-color:#06172a}
.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:30px}.style-grid span{display:block;height:170px;border:1px solid #dce1e5;background:#fff;border-radius:14px;padding:20px;cursor:pointer}.style-grid b,.style-grid strong,.style-grid small{display:block}.style-grid b{font-size:28px}.style-grid strong{font-size:17px;margin-top:20px}.style-grid small{color:#687382;margin-top:4px}.style-grid input:checked+span{background:#06172a;color:white;border-color:#06172a}.style-grid input:checked+span small{color:rgba(255,255,255,.62)}.secondary-interests,.amenities-grid{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.secondary-interests h3,.amenities-grid h3{width:100%;margin-bottom:2px}
.budget-card{margin-top:30px;background:#fff;border:1px solid #dfe4e8;border-radius:15px;padding:26px}.currency-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #dce1e5;border-radius:11px;margin-top:9px;overflow:hidden}.currency-input span{padding:0 16px;font-weight:900;color:#946a23}.currency-input input{border:0;margin:0;border-left:1px solid #dce1e5;border-radius:0}.budget-ranges{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:20px}.budget-ranges button{border:1px solid #dce1e5;background:#f7f8f9;border-radius:9px;padding:12px 8px;font-size:11px;font-weight:800;cursor:pointer}.budget-ranges button.selected{background:#06172a;color:white}.budget-priority{margin-top:28px;display:grid;gap:10px}.budget-priority label{background:#fff;border:1px solid #dfe4e8;border-radius:11px;padding:15px}.budget-priority input{margin-right:8px}
.accommodation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.accommodation-grid span{display:block;background:#fff;border:1px solid #dce1e5;border-radius:14px;padding:24px;min-height:125px}.accommodation-grid b,.accommodation-grid small{display:block}.accommodation-grid b{font-size:18px}.accommodation-grid small{color:#687382;margin-top:6px}.accommodation-grid input:checked+span{background:#06172a;color:white;border-color:#06172a}.accommodation-grid input:checked+span small{color:rgba(255,255,255,.62)}
.result-hero{height:420px;border-radius:20px;background-position:center;background-size:cover;position:relative;overflow:hidden;margin-top:25px}.result-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,29,.92),rgba(3,15,29,.08))}.result-hero-content{position:absolute;left:35px;right:35px;bottom:30px;color:white}.result-hero-content>span{font-size:10px;letter-spacing:.17em;color:#e7b75a;font-weight:900}.result-hero-content h2{font-size:46px;margin:7px 0}.result-hero-content p{max-width:750px;color:rgba(255,255,255,.7)}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.result-card{background:#fff;border:1px solid #dfe4e8;border-radius:14px;padding:23px}.result-number{font-size:10px;color:#946a23;font-weight:900}.result-card h3{font-size:20px}.destination-pills{display:flex;flex-wrap:wrap;gap:7px}.destination-pills span{background:#f7f3eb;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.result-card p,.result-card li{color:#687382;line-height:1.55}.journey-actions-final{display:flex;gap:10px;margin-top:20px}
.trip-actions{max-width:1050px;margin:20px auto 0;border-top:1px solid #dfe4e8;padding-top:22px;display:flex;align-items:center;justify-content:space-between}.step-status{font-size:12px;color:#687382;font-weight:800}
.save-toast{position:fixed;right:25px;bottom:25px;background:#06172a;color:white;padding:14px 18px;border-radius:10px;box-shadow:0 15px 35px rgba(4,18,33,.2);display:none;z-index:99}.save-toast.show{display:block}
@media(max-width:1050px){.trip-app{grid-template-columns:1fr}.trip-sidebar{position:relative;top:auto;height:auto}.trip-steps{display:flex;overflow:auto}.trip-steps li{min-width:170px}.welcome-grid{grid-template-columns:1fr}.style-grid{grid-template-columns:repeat(2,1fr)}.budget-ranges{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.trip-main{padding:0 20px 35px}.screen-content{padding:50px 0 20px}.screen-content h2{font-size:42px}.form-grid.two,.quick-date-grid,.accommodation-grid,.result-grid{grid-template-columns:1fr}.style-grid{grid-template-columns:1fr 1fr}.budget-ranges{grid-template-columns:1fr 1fr}.trip-actions{gap:10px}.trip-actions .btn{padding:12px}.step-status{display:none}.journey-actions-final{flex-direction:column}.welcome-visual{height:390px}}