@font-face{font-family:'Avenir Next';src:url('/fonts/avenir-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Avenir Next';src:url('/fonts/avenir-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Avenir Next';src:url('/fonts/avenir-demi.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Avenir Next';src:url('/fonts/avenir-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--teal:#2364AA;--teal2:#17406e;--ink:#0B2E2B;--glass:rgba(16,18,58,.58);
 --glassL:rgba(255,255,255,.14);--line:rgba(255,255,255,.22);--yellow:#FEC601;--orange:#3DA5D9;
 --gold:#FEC601;--navy:#191970;--disp:'Jost','Avenir Next',system-ui,sans-serif;--sans:'Avenir Next','Segoe UI',system-ui,sans-serif}
h1,h2,h3,h4{font-family:var(--disp)}
/* ---- Brilliant AI loader + view transitions ---- */
#ptload{position:fixed;inset:0;z-index:99999;background:linear-gradient(160deg,#191970,#101038);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;transition:opacity .8s,visibility .8s}
#ptload.done{opacity:0;visibility:hidden}
#ptload img{height:60px;animation:ptpulse 1.6s ease-in-out infinite}
@keyframes ptpulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
#ptload .lbar{width:210px;height:3px;background:rgba(244,236,229,.18);border-radius:3px;overflow:hidden}
#ptload .lbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cream,#F4ECE5),var(--yellow));transition:width .25s}
#ptload .lpct{font-size:11px;letter-spacing:.3em;color:#9aa2c4;font-weight:700}
@keyframes viewIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.view-anim{animation:viewIn .5s cubic-bezier(.2,.7,.2,1) both}
.ferr{display:block;color:#ff8a7a;font-size:12px;margin-top:4px;min-height:14px}
.ffield input.bad,.ffield textarea.bad{border-color:#e05a4a!important;box-shadow:0 0 0 2px rgba(224,90,74,.25)}
.okmsg{background:rgba(31,174,90,.16);border:1px solid rgba(31,174,90,.5);color:#bff0cf;padding:10px 12px;border-radius:10px;margin:8px 0;font-size:13px}
.errmsg{background:rgba(224,90,74,.16);border:1px solid rgba(224,90,74,.5);color:#f2b0a6;padding:10px 12px;border-radius:10px;margin:8px 0;font-size:13px}
@media (prefers-reduced-motion:reduce){.view-anim{animation:none}#ptload img{animation:none}}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Avenir Next','Segoe UI',system-ui,-apple-system,sans-serif;color:#fff;min-height:100vh;
 background:linear-gradient(rgba(16,18,58,.55),rgba(16,18,58,.75)),url('/images/backgrounds/splash_bg.jpg') center/cover no-repeat fixed,url('/images/_placeholders/generic_bg.svg') center/cover no-repeat fixed;}
.hidden{display:none!important}
a{color:inherit}
#splash{position:fixed;inset:0;z-index:999;display:grid;place-items:center;text-align:center;
 background:linear-gradient(rgba(12,16,46,.4),rgba(12,16,46,.7)),url('https://images.unsplash.com/photo-1476514525535-07fb3b4ae5f1?auto=format&fit=crop&w=2400&q=90') center/cover no-repeat,url('/images/backgrounds/splash_bg.jpg') center/cover no-repeat,url('/images/_placeholders/beaches_bg.svg') center/cover no-repeat;
 animation:fade 2.4s ease 1.2s both;}
@keyframes fade{0%{opacity:0}14%{opacity:1}78%{opacity:1}100%{opacity:0;visibility:hidden}}
#splash h1{font-family:Georgia,serif;font-style:italic;font-size:84px;text-shadow:0 4px 30px rgba(0,0,0,.6);
 background:linear-gradient(#fff,#bfe9e3);-webkit-background-clip:text;background-clip:text;color:transparent}
#splash .sub{font-size:26px;letter-spacing:8px;margin-top:6px;font-weight:300}
#splash .sub b{color:#bfe9e3;letter-spacing:6px;font-weight:800}
/* ===== Role chooser (first screen) ===== */
/* Role gate — Brilliant AI hero style */
#rolegate{position:fixed;inset:0;z-index:1200;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;overflow:auto;
 background:linear-gradient(160deg,#191970 0%,#101038 55%,#1b2470 100%);animation:rgin .6s ease both}
@keyframes rgin{from{opacity:0}to{opacity:1}}
#rolegate.hidden{display:none}
#rolegate .rg-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
#rolegate .rg-orbs i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:rgFloat 17s ease-in-out infinite}
#rolegate .rg-orbs .o1{width:520px;height:520px;left:-150px;top:-150px;background:radial-gradient(circle,rgba(58,120,194,.7),transparent 70%)}
#rolegate .rg-orbs .o2{width:560px;height:560px;right:-180px;bottom:-170px;background:radial-gradient(circle,rgba(216,177,90,.4),transparent 70%);animation-delay:-6s}
#rolegate .rg-orbs .o3{width:420px;height:420px;left:45%;top:55%;background:radial-gradient(circle,rgba(111,159,224,.35),transparent 70%);animation-delay:-11s}
@keyframes rgFloat{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-30px)}}
#rolegate .rg-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%}
#rolegate .rg-logo{display:flex;align-items:center;gap:10px;font-family:'Jost',sans-serif;font-weight:800;font-size:20px;letter-spacing:.3px;color:#F4ECE5;margin-bottom:22px}
#rolegate .rg-logo img{height:38px}
#rolegate .rg-eyebrow{font-family:'Avenir Next',sans-serif;font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#d8b15a;font-weight:700;display:inline-flex;align-items:center;gap:9px}
#rolegate .rg-eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,#d8b15a,transparent)}
#rolegate h1{font-family:'Jost',sans-serif;font-size:clamp(32px,5.2vw,58px);font-weight:800;text-transform:uppercase;letter-spacing:.01em;color:#F4ECE5;margin:14px 0 8px;line-height:1.05}
#rolegate .rg-grad{background:linear-gradient(100deg,#6f9fe0,#d8b15a);-webkit-background-clip:text;background-clip:text;color:transparent}
#rolegate .rg-sub{color:#cdd3e8;font-size:clamp(14px,1.4vw,17px);margin:0 0 40px;max-width:560px;line-height:1.62}
.rg-cards{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;max-width:1040px;width:100%}
.rg-card{flex:1 1 270px;max-width:310px;background:rgba(244,236,229,.06);border:1px solid rgba(244,236,229,.16);border-radius:22px;padding:30px 26px;cursor:pointer;backdrop-filter:blur(11px);text-align:left;position:relative;overflow:hidden;box-shadow:0 36px 80px -48px rgba(0,0,0,.6)}
.rg-card::after{content:"";position:absolute;inset:0;border-radius:22px;padding:1px;background:linear-gradient(120deg,transparent,rgba(216,177,90,.0));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}
.rg-card:hover{transform:translateY(-8px);border-color:rgba(216,177,90,.55);background:rgba(244,236,229,.1);box-shadow:0 26px 60px -26px rgba(216,177,90,.35)}
.rg-card .rg-ic{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:32px;margin-bottom:18px;box-shadow:0 12px 26px rgba(0,0,0,.4)}
.rg-card h3{font-family:'Jost',sans-serif;font-size:21px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;color:#fff;margin:0 0 8px}
.rg-card p{font-size:13.5px;line-height:1.55;color:#cdd3e8;margin:0 0 22px;min-height:66px}
.rg-card .rg-go{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;color:#191970;background:linear-gradient(105deg,#F4ECE5,#e3d8c8);padding:10px 18px;border-radius:100px;transition:gap .2s var(--ease),box-shadow .25s var(--ease),transform .2s var(--ease);box-shadow:0 12px 30px -12px rgba(0,0,0,.5)}
.rg-card:hover .rg-go{gap:13px;box-shadow:0 16px 36px -12px rgba(216,177,90,.5)}
.rg-foot{margin-top:38px;font-size:12.5px;color:#9aa2c4;letter-spacing:.2px}
.rg-foot b{color:#d8b15a}
@media(max-width:640px){.rg-card{flex:1 1 100%;max-width:360px}.rg-card p{min-height:0}}
.nav{display:flex;align-items:center;gap:14px;padding:16px 28px;position:relative;z-index:20}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:20px;letter-spacing:.3px;cursor:pointer}
.logo img{height:52px;display:block}
.logo .mk{width:34px;height:34px;border-radius:8px;background:#fff;color:var(--teal);display:grid;place-items:center;font-size:18px}
.site-foot{position:relative;z-index:5;padding:30px 6vw;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;background:rgba(16,18,58,.85);backdrop-filter:blur(8px)}
.site-foot img{height:34px;opacity:.92}.site-foot .by{font-family:var(--sans);color:#dfe4f5;font-size:14px}.site-foot .by b{color:var(--gold)}.site-foot .cp{font-size:12px;color:#9aa2c4}
.logo i{font-style:italic;font-weight:400;font-size:11px;opacity:.8;display:block}
.nav .spacer{flex:1}
.pill{background:rgba(10,20,18,.6);border:1px solid var(--line);color:#fff;padding:11px 20px;border-radius:24px;font-weight:700;font-size:14px;cursor:pointer;transition:.15s;white-space:nowrap}
.pill:hover{background:rgba(10,20,18,.85)}
.pill.teal{background:var(--teal);border-color:var(--teal)}
.pill.ghost{opacity:.85}
.icobtn{width:42px;height:42px;border-radius:50%;background:rgba(10,20,18,.6);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;font-size:16px}
.admin{display:flex;align-items:center;gap:8px;background:rgba(10,20,18,.5);border:1px solid var(--line);border-radius:24px;padding:5px 14px 5px 6px;cursor:pointer}
.admin .av{width:30px;height:30px;border-radius:50%;background:#c026d3;display:grid;place-items:center;font-weight:800}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.hero{text-align:center;padding:10px 20px 6px}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:46px;font-weight:600;text-shadow:0 2px 18px rgba(0,0,0,.5);opacity:.85}
.spot{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;max-width:1180px;margin:6px auto 8px;align-items:center;position:relative}
.spot .info{padding:6px 8px}
.spot .info h2{font-size:30px;font-weight:800;margin-bottom:14px}
.pico{display:flex;gap:10px;margin-bottom:14px}
.pico span{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid var(--line);display:grid;place-items:center;font-size:24px}
.loc{display:flex;align-items:center;gap:8px;font-size:17px;margin-bottom:14px}
.loc .w{margin-left:auto;opacity:.85}
.rate{font-size:13px;opacity:.8;margin-top:8px}
.rate .stars{color:var(--yellow);font-size:16px;letter-spacing:2px}
.spot .info p{font-size:14px;line-height:1.55;opacity:.9;margin:12px 0}
.readmore{color:var(--orange);font-weight:800;cursor:pointer}
.meta{font-size:13px;opacity:.85;margin-top:10px}.meta b{display:block;font-size:15px;margin-top:2px}
.bigcard{height:520px;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.bigcard .bg{position:absolute;inset:0;background-size:cover;background-position:center}
.bigcard .grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 55%)}
.bigcard .acts{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:2}
.roundbtn{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;font-size:16px}
.bigcard .cap{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.bigcard .cap h3{font-size:34px;font-weight:800}
.bigcard .cap .ul{width:120px;height:3px;background:var(--orange);border-radius:2px;margin:8px 0 10px}
.bigcard .cap p{font-size:14px;line-height:1.5;opacity:.92}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;border-radius:50%;background:rgba(10,20,18,.6);border:1px solid var(--line);display:grid;place-items:center;font-size:24px;cursor:pointer;z-index:5}
.arrow.l{left:-14px}.arrow.r{right:-14px}
.smartbtn{display:block;margin:6px auto 22px;background:rgba(10,20,18,.85);border:1px solid var(--yellow);color:#fff;padding:14px 30px;border-radius:30px;font-weight:800;font-size:16px;cursor:pointer}
.browse{margin:10px auto 60px}
.filtertab{position:fixed;left:0;top:46%;transform:translateY(-50%);background:var(--teal);border:1px solid var(--line);border-left:0;border-radius:0 14px 14px 0;padding:18px 11px;font-weight:800;cursor:pointer;z-index:41;writing-mode:vertical-rl;letter-spacing:1px;box-shadow:4px 4px 18px rgba(0,0,0,.45)}
.filterdrawer{position:fixed;left:0;top:0;bottom:0;width:300px;background:rgba(9,26,24,.97);border-right:1px solid var(--line);backdrop-filter:blur(12px);padding:22px;overflow:auto;z-index:60;transform:translateX(-100%);transition:.25s}
.filterdrawer.open{transform:translateX(0)}
.filterbackdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:55;opacity:0;pointer-events:none;transition:.2s}
.filterbackdrop.on{opacity:1;pointer-events:auto}
.ftitle{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;margin-bottom:14px;cursor:pointer}
.ftitle .tg{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.12);display:grid;place-items:center}
.fgroup{margin:14px 0;border-top:1px solid var(--line);padding-top:12px}
.fgroup h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.7;margin-bottom:8px}
.chkrow{display:flex;align-items:center;gap:8px;font-size:14px;margin:7px 0;cursor:pointer}
.chkrow input{accent-color:var(--teal);width:16px;height:16px}
.range{width:100%;accent-color:var(--teal)}
.clearf{background:none;border:1px solid var(--orange);color:var(--orange);border-radius:18px;padding:7px 14px;font-weight:700;cursor:pointer;width:100%;margin-top:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.tile{border-radius:18px;overflow:hidden;position:relative;height:330px;cursor:pointer;transition:.2s;box-shadow:0 10px 30px rgba(0,0,0,.4);background:#123}
.tile:hover{transform:translateY(-6px)}
.tile .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.72)}
.tile .grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),transparent 52%),linear-gradient(to bottom,rgba(0,0,0,.55),transparent 28%)}
.tile .top{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:3}
.tile .badgeico{width:38px;height:38px;border-radius:50%;background:#fff;color:#123;display:grid;place-items:center;font-size:18px}
.chips{display:flex;gap:6px}
.chip{background:rgba(0,0,0,.6);border:1px solid var(--line);border-radius:16px;padding:6px 9px;font-size:12px;font-weight:700;display:flex;gap:4px;align-items:center;cursor:pointer;position:relative}
.chip:hover{background:var(--teal)}
.chip .tip{position:absolute;top:38px;right:0;background:#0b1c1a;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:.15s;z-index:9}
.chip:hover .tip{opacity:1}
.tile .body{position:absolute;left:16px;right:16px;bottom:16px;z-index:2}
.tile .body h3{font-size:21px;font-weight:800;display:flex;align-items:center;gap:6px}
.tile .ul{width:64px;height:3px;background:var(--orange);border-radius:2px;margin:6px 0 8px}
.tile .body p{font-size:12.5px;line-height:1.45;opacity:.9;max-height:54px;overflow:hidden}
.page{max-width:1180px;margin:8px auto 70px}
.back{display:inline-flex;align-items:center;gap:8px;background:rgba(10,20,18,.6);border:1px solid var(--line);color:#fff;padding:9px 16px;border-radius:20px;font-weight:700;cursor:pointer;margin-bottom:16px}
.h2{font-size:28px;font-weight:800;margin-bottom:4px}
.sub{opacity:.8;margin-bottom:18px}
.detail{display:grid;grid-template-columns:1.15fr 1fr;gap:26px;align-items:start}
.detimg{height:420px;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 16px 44px rgba(0,0,0,.5)}
.dpill{display:inline-block;background:rgba(255,255,255,.14);border:1px solid var(--line);border-radius:16px;padding:5px 14px;font-weight:700;font-size:13px;margin-bottom:12px}
.factgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.fact{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.fact small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-bottom:4px}
.fact b{font-size:16px}
.detbtns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{background:rgba(10,20,18,.7);border:1px solid var(--line);color:#fff;padding:12px 22px;border-radius:24px;font-weight:700;cursor:pointer;font-size:14px}
.btn.teal{background:var(--teal);border-color:var(--teal)}
.btn.orange{background:var(--orange);border-color:var(--orange)}
.btn.dark{background:rgba(6,20,18,.9)}
.acard{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.acard .im{height:150px;background-size:cover;background-position:center}
.acard .in{padding:12px 14px}
.acard h3{font-size:16px;margin-bottom:4px}
.acard .mt{font-size:12px;opacity:.8;display:flex;justify-content:space-between;margin-top:8px}
.stars{color:var(--yellow)}
.review{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;display:flex;gap:14px}
.review .av{width:48px;height:48px;border-radius:50%;background-size:cover;flex:none}
.review .rt{font-size:12px;opacity:.6}
.ratebar{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:18px}
.ratebar .big{font-size:52px;font-weight:800}
.searchbar{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:14px}
.sfield{background:rgba(255,255,255,.95);color:#12211f;border-radius:12px;padding:10px 12px}
.sfield small{display:block;font-size:11px;color:#5b6b68;font-weight:700}
.sfield input{border:0;outline:0;font-size:14px;width:100%;background:transparent;color:#12211f}
.searchgo{background:var(--orange);border:0;color:#fff;border-radius:12px;padding:0 26px;font-weight:800;font-size:15px;cursor:pointer}
.excel{background:rgba(255,255,255,.9);color:#12211f;border-radius:12px;padding:12px 16px;margin-bottom:14px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px}
.excel .eb{background:#12403b;color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer}
.excel .eb.gray{background:#fff;color:#12211f;border:1px solid #ccd}
.excel .push{margin-left:auto;display:flex;align-items:center;gap:12px}
.itabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:12px}
.itab{padding:10px 2px;cursor:pointer;font-weight:700;opacity:.6;border-bottom:2px solid transparent}
.itab.on{opacity:1;border-color:var(--orange)}
.ibar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.fbtn{background:rgba(255,255,255,.12);border:1px solid var(--line);color:#fff;padding:9px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:700;display:flex;gap:6px;align-items:center}
.fbtn.on{background:var(--yellow);color:#3a2e00;border-color:var(--yellow)}
.ibar .vtoggle{margin-left:auto;display:flex;gap:8px}
.sortsel{background:rgba(255,255,255,.95);color:#12211f;border:0;border-radius:10px;padding:9px 12px;font-weight:700}
.budgetbox{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:16px}
.budgetbox b{color:var(--yellow)}
.itin{background:rgba(255,255,255,.97);color:#13211f;border-radius:16px;overflow:hidden;margin-bottom:18px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.itin .hd{display:flex;gap:16px;padding:16px;cursor:pointer}
.itin .im{width:220px;height:150px;border-radius:12px;background-size:cover;background-position:center;flex:none}
.itin .mn{flex:1}
.itin .mn h3{font-size:20px;font-weight:800}
.itin .mn .ul{width:80px;height:3px;background:var(--orange);border-radius:2px;margin:6px 0 8px}
.itin .tag{display:inline-block;background:#eef3f2;border:1px solid #d7e0de;border-radius:14px;padding:3px 10px;font-size:11px;font-weight:700;margin-right:6px;color:#2a4a45}
.itin .price{text-align:right;min-width:150px}
.itin .price .amt{font-size:24px;font-weight:800;color:var(--teal2)}
.itin .price small{color:#5b6b68}
.seemore{color:var(--orange);font-weight:800;cursor:pointer;font-size:13px}
.itin .detail2{border-top:1px solid #e6ecea;padding:0 16px 16px;display:none}
.itin.open .detail2{display:block}
.costrow{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.costbox{background:#f3f6f5;border:1px solid #e0e7e5;border-radius:10px;padding:10px 16px;min-width:150px}
.costbox small{display:block;font-size:11px;color:#5b6b68;font-weight:700}
.costbox b{font-size:20px}
.sechd{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#5b6b68;font-weight:800;margin:14px 0 8px}
.hotel{display:inline-block;background:#eef2ff;color:#2a3a7a;border-radius:16px;padding:6px 14px;font-weight:700;font-size:13px;margin:0 8px 8px 0}
.day{background:#fff;border:1px solid #e6ecea;border-left:4px solid var(--teal);border-radius:10px;padding:12px 14px;margin-bottom:8px}
.day b{display:block;margin-bottom:2px}
.day span{font-size:14px;color:#3a4a47}
.chklist{columns:2;font-size:14px;margin-top:8px}
.chklist div{margin-bottom:6px;color:#2a4a45}
.paybar{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.checkout{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}
.cform{background:rgba(6,20,18,.7);border:1px solid var(--line);border-radius:18px;padding:24px}
.cstepper{display:flex;gap:10px;margin-bottom:20px}
.cstep{flex:1;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:center;font-size:13px}
.cstep .n{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.cstep.on .n{background:var(--teal)}
.cstep small{display:block;opacity:.6;font-size:11px}
.cform-t{font-size:20px;font-weight:800;border-bottom:2px solid var(--orange);display:inline-block;padding-bottom:4px;margin-bottom:18px}
.frow{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.ffield{flex:1;min-width:180px}
.ffield label{display:block;font-size:12px;opacity:.8;margin-bottom:6px;font-weight:600}
.ffield input,.ffield textarea{width:100%;background:rgba(255,255,255,.95);color:#12211f;border:0;border-radius:10px;padding:12px 14px;font-size:14px}
.summarybox{background:rgba(6,20,18,.85);border:1px solid var(--line);border-radius:18px;padding:24px;height:max-content}
.summarybox .tot{font-size:38px;font-weight:800;margin-bottom:18px}
.srow{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600}
.srow.big{font-size:20px;font-weight:800;border:0}
.srow small{display:block;opacity:.6;font-size:12px;font-weight:400}
.panel{max-width:1300px;margin:0 auto 60px;background:var(--glass);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(10px);display:grid;grid-template-columns:132px 1fr 300px;min-height:560px;overflow:hidden}
.rail{background:rgba(6,26,24,.5);display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 8px}
.stepitem{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;width:100%;padding:8px 2px;border-radius:12px;transition:.15s}
.stepitem:hover{background:rgba(255,255,255,.06)}
.stepitem.active{background:rgba(255,255,255,.10)}
.stepdot{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid var(--line);display:grid;place-items:center;font-weight:800}
.stepdot.active{background:#fff;color:var(--teal);border-color:#fff}
.stepdot.done{background:#1fae5a;border-color:#1fae5a}
.steplabel{font-size:11px;line-height:1.25;text-align:center;opacity:.72;font-weight:600;max-width:116px}
.stepitem.active .steplabel{opacity:1}
.prefwhite{background:#fff;color:#12211f;border-radius:14px;padding:20px 22px}
.preftitle{font-size:20px;font-weight:800;border-bottom:2px solid var(--orange);display:inline-block;padding-bottom:4px;margin-bottom:6px}
.prefsec{font-weight:800;margin:16px 0 2px;color:#12211f}
.prefhr{height:1px;background:#eef1f0;margin:14px 0}
.pillrow{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 4px}
.imgpill{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe3e1;border-radius:24px;padding:5px 16px 5px 5px;cursor:pointer;color:#12211f;font-weight:700;font-size:14px}
.imgpill .ci{width:34px;height:34px;border-radius:50%;background-size:cover;background-position:center;flex:none;background-color:#ccd}
.imgpill.on{background:#f0604d;color:#fff;border-color:#f0604d}
.addpill{border:1px dashed #9bb3ad;border-radius:24px;padding:11px 16px;color:#0a7d5a;font-weight:800;cursor:pointer;background:transparent}
.starpill{background:#fff;border:1px solid #dbe3e1;border-radius:24px;padding:12px 22px;cursor:pointer;color:#b7c0bd;font-weight:800;font-size:15px}
.starpill.on{background:#f0604d;color:#fff;border-color:#f0604d}
.optcard{background:#fff;border:1px solid #dbe3e1;border-radius:12px;padding:12px 18px;cursor:pointer;min-width:160px;color:#12211f}
.optcard.on{border-color:#f0604d;box-shadow:0 0 0 2px #f0604d inset}
.optcard.dis{opacity:.5;cursor:not-allowed}
.optcard b{display:block;font-size:15px}.optcard small{color:#5b6b68}
.travbadge{background:#e6f7ee;color:#0a7d5a;border:1px solid #b6e3ca;border-radius:16px;padding:6px 14px;font-weight:700;font-size:12px;display:inline-block}
.content{padding:22px 26px;overflow:auto}
.psummary{background:rgba(6,26,24,.45);border-left:1px solid var(--line);padding:20px 18px}
.psummary h2{font-size:20px;margin-bottom:14px}
.sumitem{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;cursor:pointer}
.sumitem:hover{background:rgba(255,255,255,.13)}
.sumitem.warn{border-color:var(--yellow)}.sumitem.ok{border-color:#1fae5a}
.sumitem .ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;background:rgba(255,255,255,.12)}
.sumitem small{display:block;font-weight:400;opacity:.7;font-size:11px}
.rowtop{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.inp{background:rgba(255,255,255,.9);color:#12211f;border:0;border-radius:10px;padding:11px 14px;font-size:14px;flex:1;min-width:150px}
.searchbtn{background:var(--orange);border:0;color:#fff;width:44px;height:44px;border-radius:10px;font-size:16px;cursor:pointer}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.fpill{background:rgba(255,255,255,.12);border:1px solid var(--line);color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600}
.fpill.active{background:var(--yellow);color:#3a2e00;border-color:var(--yellow)}
.toggle{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px}
.sw{width:44px;height:24px;border-radius:14px;background:rgba(255,255,255,.25);position:relative;cursor:pointer}
.sw b{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}
.sw.on{background:var(--teal)} .sw.on b{left:22px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.dcard{border-radius:14px;overflow:hidden;position:relative;height:250px;cursor:pointer;border:2px solid transparent}
.dcard.sel{border-color:var(--teal);box-shadow:0 0 0 3px rgba(15,138,126,.35)}
.dcard .bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.75)}
.dcard .g{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 60%)}
.dcard .t{position:absolute;top:12px;left:12px;font-weight:800;font-size:17px;z-index:2;text-shadow:0 1px 6px #000}
.dcard .b{position:absolute;left:12px;bottom:10px;z-index:2;font-size:12px}
.dcard .cur{background:rgba(0,0,0,.55);border-radius:10px;padding:2px 8px;display:inline-block;margin-bottom:4px}
.field{margin:12px 0}
.field label{display:block;font-size:12px;opacity:.8;margin-bottom:6px;font-weight:600}
.field input,.field select{width:100%;background:rgba(255,255,255,.9);color:#12211f;border:0;border-radius:8px;padding:10px 12px}
.tw{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.twchip{background:rgba(255,255,255,.9);color:#12211f;border-radius:20px;padding:8px 16px;cursor:pointer;font-weight:600;font-size:13px;border:2px solid transparent}
.twchip.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:10px}
.ctile{background:#fff;border-radius:12px;padding:12px;text-align:center;color:#12211f;cursor:pointer;border:2px solid transparent}
.ctile.on{border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,113,10,.2)}
.ctile .cir{width:74px;height:74px;border-radius:50%;margin:0 auto 8px;background-size:cover;background-position:center}
.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:14px}
.tab{padding:8px 2px;cursor:pointer;font-weight:700;opacity:.6;border-bottom:2px solid transparent}
.tab.on{opacity:1;border-color:#fff}
.prefmenu{display:flex;flex-direction:column;gap:8px}
.prefitem{background:rgba(255,255,255,.9);color:#12211f;border-radius:10px;padding:12px;font-weight:600;cursor:pointer;display:flex;gap:8px;align-items:center}
.prefitem.on{background:var(--teal);color:#fff}
.note{background:rgba(242,194,0,.15);border:1px solid var(--yellow);border-radius:10px;padding:8px 12px;font-size:12px;margin:10px 0}
.quizwrap{max-width:720px;margin:0 auto 50px;background:var(--glass);border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(10px);padding:26px}
.selbanner{background:linear-gradient(90deg,#1a8f5a,#12b46a);border-radius:14px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;box-shadow:0 8px 22px rgba(18,180,106,.25)}
.selbanner .sb-l{display:flex;align-items:center;gap:14px}
.selbanner .sb-check{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:20px;font-weight:900}
.selbanner .sb-clear{background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.45);border-radius:20px;padding:9px 18px;font-weight:700;cursor:pointer}
.inpwrap{position:relative;flex:1;min-width:200px}
.inpwrap .inp{width:100%;padding-right:46px}
.inpsearch{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--orange);color:#fff;width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer;font-size:14px}
.addbtn{background:rgba(255,255,255,.15);border:1px solid var(--line);color:#fff;width:44px;height:44px;border-radius:10px;font-size:22px;cursor:pointer}
.srcbadge{display:inline-flex;align-items:center;gap:6px;border-radius:14px;padding:4px 11px;font-size:11px;font-weight:800;margin-bottom:8px}
.srcbadge.dmc{background:#e6f0ff;color:#1e4a8a;border:1px solid #bcd4f5}
.srcbadge.inf{background:#fdeafd;color:#8a1e7a;border:1px solid #f0bcf0}
.srcbadge .vf{color:#0f8a3e;font-weight:900}
.cmpchk{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;cursor:pointer;background:#eef3f2;border:1px solid #d7e0de;border-radius:14px;padding:6px 12px;color:#2a4a45;margin-top:8px}
.cmpchk.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.cmpbar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:rgba(6,20,18,.97);border:1px solid var(--line);border-radius:16px;padding:12px 16px;display:flex;gap:14px;align-items:center;z-index:70;box-shadow:0 12px 34px rgba(0,0,0,.55)}
.cmpbar .thumbs{display:flex;gap:6px}
.cmpbar .th{width:42px;height:32px;border-radius:6px;background-size:cover;background-position:center;border:1px solid var(--line);position:relative}
.cmpbar .th span{position:absolute;top:-6px;right:-6px;background:#e14;border-radius:50%;width:16px;height:16px;font-size:10px;display:grid;place-items:center;cursor:pointer}
.cmpmodal{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:80;display:none;overflow:auto;padding:26px}
.cmpmodal.on{display:block}
.cmpinner{max-width:1100px;margin:0 auto;background:#0e2a27;border:1px solid var(--line);border-radius:18px;padding:22px}
.cmpinner .x{float:right;cursor:pointer;font-size:22px;opacity:.8}
.cmptable{width:100%;border-collapse:collapse;margin-top:10px}
.cmptable th,.cmptable td{border:1px solid rgba(255,255,255,.14);padding:11px 12px;text-align:left;font-size:13px;vertical-align:top}
.cmptable th{background:rgba(255,255,255,.05);width:150px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85}
.cmptable td.best{background:rgba(31,174,90,.20)}
.cmphead{background-size:cover;background-position:center;height:84px;border-radius:8px;margin-bottom:8px}
.yes{color:#4ade80;font-weight:800}.no{color:#f88;opacity:.75}
.tinybadge{display:inline-block;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:800}
.tinybadge.dmc{background:#1e4a8a}.tinybadge.inf{background:#8a1e7a}.tinybadge.you{background:#2364AA}
/* MODE SWITCH */
.modesw{display:flex;background:rgba(10,20,18,.6);border:1px solid var(--line);border-radius:22px;padding:4px;cursor:pointer;font-weight:700;font-size:13px;user-select:none}
.modesw span{padding:8px 13px;border-radius:18px;white-space:nowrap;color:#9fb0bd;transition:.15s}
.modesw span.on{background:var(--teal);color:#fff}
.modesw span.on.inf{background:#d63384}
/* CREATOR ANALYTICS */
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:8px}
.acardp{background:#12202b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;display:flex;gap:12px;align-items:center}
.acardp .aic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:18px;color:#fff;flex:none}
.acardp small{color:#8fa0ad;font-size:12px}.acardp .big{font-size:22px;font-weight:800;margin-top:2px}
.chartbars{display:flex;gap:16px;align-items:flex-end;height:180px;padding:10px 8px;background:#0f1a24;border:1px solid rgba(255,255,255,.06);border-radius:12px}
.cbar{flex:1;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.cbarfill{width:60%;max-width:42px;background:linear-gradient(#FEC601,#e8710a);border-radius:6px 6px 0 0}
.cbar span{font-size:12px;color:#8fa0ad}
.toprow{display:flex;align-items:center;gap:12px;background:#12202b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:10px}
/* NOTIFICATIONS */
.newsbadge{position:absolute;top:-3px;right:-3px;background:#e0402e;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.newsmenu{position:absolute;top:66px;right:70px;width:370px;max-height:74vh;overflow:auto;background:#fff;color:#12233a;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:60}
.newshd{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #eef;font-weight:800;position:sticky;top:0;background:#fff}
.newshd .clear{font-size:12px;color:#6a6cf0;cursor:pointer;font-weight:700}
.newsitem{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid #f2f4f7;cursor:pointer}
.newsitem:hover{background:#f7f9fc}
.newsic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:18px;flex:none;color:#fff}
.newsitem b{font-size:14px;display:block;color:#12233a}.newsitem p{font-size:12.5px;color:#5b6b68;margin-top:2px;line-height:1.45}
.newsitem .tm{font-size:11px;color:#9aa7b2;margin-top:4px;font-weight:700}
/* PROMOTIONS */
.promostrip{display:flex;gap:16px;overflow-x:auto;padding:6px 24px 14px;max-width:1280px;margin:0 auto}
.promocard{flex:none;width:330px;border-radius:16px;padding:20px;color:#fff;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.promocard h3{font-size:20px;font-weight:800}
.promocard p{font-size:13px;opacity:.95;margin:6px 0 12px;line-height:1.5;max-width:250px}
.promocard .code{background:rgba(255,255,255,.25);border:1px dashed rgba(255,255,255,.75);border-radius:8px;padding:6px 12px;font-weight:800;letter-spacing:1px;display:inline-block;font-size:13px}
.promocard .pcta{background:#fff;color:#12233a;border:0;border-radius:20px;padding:9px 18px;font-weight:800;cursor:pointer;margin-left:8px}
.promocard .pico{position:absolute;right:-8px;bottom:-14px;font-size:82px;opacity:.2}
.promopop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:88;display:none;place-items:center;padding:20px}
.promopop.on{display:grid}
.promopopcard{max-width:440px;width:100%;background:#fff;color:#12233a;border-radius:20px;overflow:hidden;text-align:center;position:relative}
.promopopcard .top{background:linear-gradient(120deg,#e8710a,#FEC601);padding:30px 24px 24px;color:#fff}
.promopopcard .top .big{font-size:48px}
.promopopcard .bd{padding:24px}
.promopopcard .bd .code{background:#fff4e6;border:1px dashed #e8710a;color:#c85a00;border-radius:10px;padding:11px;font-weight:800;letter-spacing:2px;margin:12px 0}
.promopopcard .x{position:absolute;top:12px;right:16px;color:#fff;font-size:22px;cursor:pointer;z-index:2}
.mapmodal{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:85;display:none;overflow:auto;padding:26px}
.mapmodal.on{display:block}
.mapinner{max-width:1100px;margin:0 auto;background:#0e2a27;border:1px solid var(--line);border-radius:18px;padding:20px}
.mapwrap{display:grid;grid-template-columns:1fr 260px;gap:16px;margin-top:10px}
.maplegend{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:8px 12px;max-height:470px;overflow:auto}
.mapleg{display:flex;gap:10px;align-items:center;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.mapleg .num{width:24px;height:24px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px;flex:none}
@media(max-width:800px){.mapwrap{grid-template-columns:1fr}}
.smartwrap{max-width:1000px;margin:8px auto 80px}
.smarthead{margin-bottom:18px}
.tripchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.tchip{background:rgba(255,255,255,.12);border:1px solid var(--line);border-radius:16px;padding:6px 12px;font-size:12px;font-weight:700}
.daycard{background:rgba(255,255,255,.97);color:#12211f;border-radius:16px;padding:18px 22px;margin-bottom:16px;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.dayhd{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--orange);padding-bottom:8px;margin-bottom:14px}
.dayhd b{font-size:18px}
.tl{position:relative;padding-left:74px}
.slot{position:relative;padding:0 0 18px 0}
.slot .tm{position:absolute;left:-74px;top:0;width:58px;text-align:right;font-weight:800;font-size:13px;color:#0b6b61}
.slot::before{content:'';position:absolute;left:-16px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--teal);border:2px solid #fff;box-shadow:0 0 0 2px var(--teal)}
.slot::after{content:'';position:absolute;left:-11px;top:16px;bottom:-4px;width:2px;background:#d6e2df}
.slot:last-child::after{display:none}
.slot h4{font-size:15px;margin-bottom:3px}
.slot p{font-size:13px;color:#4a5a57}
.slot .tag2{display:inline-block;background:#eef3f2;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;margin-left:4px;color:#2a4a45}
.optbox{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin:18px 0}
.optbox h3{font-size:18px;margin-bottom:4px}
.optgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin:16px 0 10px}
.optslider label{display:flex;justify-content:space-between;font-weight:700;font-size:13px;margin-bottom:8px}
.optslider label span{color:var(--yellow)}
.optslider input[type=range]{width:100%;accent-color:var(--teal)}
.optslider .hint{display:flex;justify-content:space-between;font-size:11px;opacity:.55;margin-top:4px}
.optbtns{display:flex;gap:10px;margin-top:6px}
.cmpgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;margin-top:12px}
.cmpm{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.cmpm small{opacity:.6;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.cmpm .val{font-size:18px;font-weight:800;margin-top:4px}
.cmpm .old{opacity:.5;text-decoration:line-through;font-size:12px;margin-right:6px;font-weight:600}
.cmpm .delta{font-size:12px;font-weight:800;margin-top:2px}
.delta.up{color:#4ade80}.delta.dn{color:#f88}.delta.same{opacity:.5}
.mgame{position:fixed;inset:0;z-index:90;background:#5c94fc;overflow:hidden;font-family:'Avenir Next','Segoe UI',system-ui,sans-serif}
.mhud{position:absolute;top:16px;left:0;right:0;display:flex;justify-content:space-between;padding:0 30px;color:#fff;font-family:'Press Start 2P',monospace;font-size:15px;line-height:1.9;text-shadow:2px 2px 0 rgba(0,0,0,.3);pointer-events:none}
.mhud .col.c{text-align:center}.mhud .col.r{text-align:right}
.mbtns{position:absolute;top:74px;left:24px;display:flex;gap:10px;z-index:95}
.mbtn{background:#f7d51d;border:3px solid #000;border-radius:6px;padding:9px 13px;font-family:'Press Start 2P',monospace;font-size:11px;cursor:pointer;color:#000;box-shadow:0 3px 0 #a98a00}
.mbtn:active{transform:translateY(2px);box-shadow:0 1px 0 #a98a00}
.mcloud{position:absolute;background:#fff;border-radius:40px;box-shadow:0 3px 0 rgba(0,0,0,.08)}
.mcloud.k1{width:120px;height:44px;top:150px;left:60px}
.mcloud.k2{width:110px;height:40px;top:200px;right:80px}
.mcloud.k3{width:90px;height:36px;top:108px;left:44%}
.mground{position:absolute;left:0;right:0;bottom:0;height:96px;background:#e0600f}
.mgrass{position:absolute;left:0;right:0;top:0;height:16px;background:#38b000;border-top:4px solid #1f7a00}
.bush{position:absolute;bottom:96px;background:#00a300;border-radius:60px 60px 0 0}
.bush.b1{left:220px;width:120px;height:40px}.bush.b2{right:280px;width:150px;height:48px}
.mpipe{position:absolute;bottom:96px;right:120px;width:76px;height:96px;background:#00b800;border:4px solid #064e06;border-radius:6px 6px 0 0}
.mpipe::before{content:'';position:absolute;top:-6px;left:-12px;right:-12px;height:26px;background:#00b800;border:4px solid #064e06;border-radius:6px}
.mchar{position:absolute;bottom:128px;left:50%;transform:translateX(-50%);z-index:2;width:60px}
.mchar .mh{width:14px;height:14px;border-radius:50%;background:#e0492e;border:2px solid #000;margin:0 auto}
.mchar .mb{width:20px;height:24px;background:#e0492e;border:2px solid #000;border-radius:5px;margin:2px auto 0}
.mchar .mbd{position:relative;width:52px;height:9px;background:#f5b400;border:2px solid #000;border-radius:4px;margin:3px auto 0}
.mchar .mbd::before,.mchar .mbd::after{content:'';position:absolute;bottom:-7px;width:9px;height:9px;border-radius:50%;background:#111;border:2px solid #000}
.mchar .mbd::before{left:5px}.mchar .mbd::after{right:5px}
.mpanel{position:absolute;top:96px;left:50%;transform:translateX(-50%);width:min(900px,92vw);max-height:76vh;overflow:auto;background:#25317e;border:4px solid #f7d51d;border-radius:10px;padding:24px 30px;box-shadow:0 12px 0 rgba(0,0,0,.25);z-index:3}
.mqno{color:#f7d51d;text-align:center;font-weight:800;font-size:12px;margin-bottom:10px;font-family:'Press Start 2P',monospace}
.mq{color:#fff;text-align:center;font-size:19px;font-weight:800;margin-bottom:18px;line-height:1.4}
.mtitle{color:#fff;text-align:center;font-size:20px;font-weight:800;margin-bottom:12px}
.msub{color:#cdd6ff;text-align:center;font-size:14px;line-height:1.65;margin-bottom:18px}
.mkick{color:#f7d51d;text-align:center;font-weight:800;font-size:12px;letter-spacing:1px;margin-bottom:12px;font-family:'Press Start 2P',monospace}
.mopts{display:grid;grid-template-columns:1fr;gap:11px}
.mopt{background:linear-gradient(#ffe680,#f4c430);border:3px solid #000;border-radius:8px;padding:14px 18px;cursor:pointer;font-weight:700;font-size:15px;color:#1a1a1a;box-shadow:0 4px 0 #a98a00;text-align:left;transition:.08s}
.mopt:hover{filter:brightness(1.05)}
.mopt:active{transform:translateY(2px);box-shadow:0 2px 0 #a98a00}
.mstart{width:100%;padding:15px;background:linear-gradient(#ffe680,#f4c430);border:3px solid #000;border-radius:6px;font-weight:800;font-size:15px;letter-spacing:.5px;cursor:pointer;color:#1a1a1a;box-shadow:0 4px 0 #a98a00;margin-top:6px}
.mstart:active{transform:translateY(2px);box-shadow:0 2px 0 #a98a00}
.mstart.dark{background:#12233a;color:#fff;border-color:#000;box-shadow:0 4px 0 #061423}
.minput{width:100%;padding:15px;border:3px solid #000;border-radius:4px;font-size:15px;margin-bottom:14px;font-family:inherit}
.micon{font-size:58px;text-align:center;margin-bottom:4px}
.mpersona{color:#fff;text-align:center;font-size:20px;font-weight:800;margin-bottom:6px}
.mdesc{color:#e7ecff;font-size:13.5px;line-height:1.7;margin-bottom:10px}
.mdesc b{color:#fff}
.mtoast{position:fixed;right:20px;bottom:20px;background:#0c6b4f;border:1px solid #0a5c44;color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;font-size:14px;z-index:99;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.tripwrap{padding-bottom:60px}
.tf-hero{max-width:1120px;margin:0 auto;padding:24px 24px 34px}
.tf-chip{background:rgba(255,255,255,.1);border:1px solid var(--line);border-radius:16px;padding:7px 14px;font-weight:700;font-size:13px}
.tf-hero h1{font-size:52px;font-weight:800;line-height:1.06;margin:18px 0;max-width:720px}
.tf-hero p{opacity:.85;max-width:560px;line-height:1.6}
.tf-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tf-badges span{background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:18px;padding:9px 16px;font-size:13px;font-weight:600}
.tf-card{max-width:1120px;margin:0 auto;background:#fff;color:#12211f;border-radius:20px;padding:28px 32px;box-shadow:0 16px 44px rgba(0,0,0,.35)}
.tf-tag{background:#e6f4ee;color:#0a7d5a;border-radius:14px;padding:4px 12px;font-weight:800;font-size:12px}
.tf-title{font-size:30px;font-weight:800;margin:8px 0 0}
.tf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:22px 0}
.tf-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px 24px;margin-bottom:20px}
.tf-f label,.tf-full label{display:block;font-weight:700;margin-bottom:6px;font-size:14px}
.tf-f input,.tf-f select,.tf-full input,.tf-full textarea{width:100%;background:#f7f9fb;border:1px solid #dbe3e8;border-radius:12px;padding:13px 14px;font-size:14px;color:#12211f;font-family:inherit}
.tf-full{margin-bottom:18px}
.tf-full small{color:#8a97a3;font-size:12px}
.tf-status{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f2f7f5;border:1px solid #e0eae6;border-radius:14px;padding:16px 20px}
.tf-stat b{font-size:24px;display:block}.tf-stat small{color:#5b6b68}
/* PROFILE */
#view-profile{padding:12px 20px 40px}
.prof{max-width:1400px;margin:0 auto;background:#0e1a24;border-radius:18px;display:grid;grid-template-columns:250px 1fr 300px;min-height:82vh;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.profside{background:#0a121a;padding:22px 14px}
.pmi{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;cursor:pointer;color:#9fb0bd;font-weight:600;margin-bottom:6px;font-size:14px}
.pmi span{width:22px;text-align:center}
.pmi:hover{background:rgba(255,255,255,.05);color:#fff}
.pmi.on{background:linear-gradient(90deg,#ef4a2a,#e5391f);color:#fff}
.profmain{padding:26px 32px;overflow:auto}
.profmain h2{font-size:26px;font-weight:800}
.profstats{background:#0a121a;padding:26px 24px;border-left:1px solid rgba(255,255,255,.06)}
.stathd{font-weight:800;font-size:18px;border-bottom:2px solid var(--orange);display:inline-block;padding-bottom:4px;margin-bottom:22px}
.statav{width:70px;height:70px;border-radius:50%;background:#f0432a;display:grid;place-items:center;font-weight:800;font-size:24px;margin-bottom:10px}
.statrow{margin:16px 0}.statrow small{opacity:.6;font-size:14px}.statrow b{font-size:26px;display:block;margin-top:2px}
.saverow{background:#16232e;border-radius:10px;padding:13px;text-align:center;font-weight:800;cursor:pointer;color:#dfe8ee}
.pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
.pf-f label{display:block;font-weight:700;margin-bottom:8px;font-size:14px}
.pf-in{width:100%;background:#fbfdff;color:#12211f;border:0;border-radius:12px;padding:14px 16px;font-size:14px;font-family:inherit}
.pf-in.dark{background:#1b2732;color:#fff;border:1px solid #2a3a47}
.applybtn{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:var(--orange);border:0;color:#fff;border-radius:8px;padding:9px 16px;font-weight:800;cursor:pointer}
.orangehd{color:#fff;font-weight:800;display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:4px;margin:6px 0 12px}
.sechd2{color:#fff;font-weight:800;display:block;border-bottom:2px solid var(--orange);width:max-content;padding-bottom:4px;margin:26px 0 12px}
.pchip{display:inline-flex;align-items:center;gap:12px;border-radius:12px;padding:14px 18px;font-weight:800;cursor:pointer;color:#fff}
.pchip .add{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center}
.bgrid,.vgrid,.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:14px}
.bcard{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.bimg{height:120px;background-size:cover;background-position:center}
.bmeta{padding:10px 12px;background:#12202b}.bmeta b{display:block}.bmeta span{font-size:12px;opacity:.7}
.bx{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.baddcard{border:2px dashed #33475a;border-radius:14px;display:grid;place-items:center;text-align:center;color:#9fb0bd;font-weight:700;cursor:pointer;min-height:160px}
.rewbanner{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#20303e,#182734);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px 24px}
.rewbanner .big{font-size:34px;font-weight:800}.rewbanner small{opacity:.6}
.tier{background:rgba(242,194,0,.15);border:1px solid var(--yellow);border-radius:20px;padding:8px 16px;font-weight:800}
.rewbar{height:10px;background:#1b2732;border-radius:6px;overflow:hidden;margin:8px 0 4px}.rewbar div{height:100%;background:linear-gradient(90deg,#ef4a2a,#FEC601)}
.vcard{background:#12202b;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}
.vcard b{display:block;margin-bottom:4px}.vcard span{font-size:12px;opacity:.7;display:block;margin-bottom:10px}
.vcard .applybtn,.plancard .applybtn,.walletcard .applybtn{position:static;transform:none}
.plancard{display:flex;align-items:center;gap:16px;background:#12202b;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin-bottom:12px}
.pimg{width:80px;height:60px;border-radius:10px;background-size:cover;background-position:center;flex:none}
.pstat{border-radius:14px;padding:5px 12px;font-size:12px;font-weight:800;color:#fff}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-top:14px}
.mcardp{height:140px;border-radius:14px;background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:flex-end}
.mcardp span{background:linear-gradient(transparent,rgba(0,0,0,.8));width:100%;padding:10px;font-weight:700;font-size:13px}
.walletcard{background:linear-gradient(120deg,#1a3a5a,#12283a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px;max-width:340px}
.walletcard .big{font-size:34px;font-weight:800}.walletcard small{opacity:.7}
.txrow{display:flex;justify-content:space-between;padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
.scard{background:#12202b;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;text-align:center}
.scard b{display:block;margin:8px 0 4px}.scard span{font-size:12px;opacity:.7}
.faqrow{background:#12202b;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;margin-bottom:10px;cursor:pointer}
.goback{position:fixed;right:26px;bottom:26px;background:#0a121a;border:1px solid rgba(255,255,255,.15);color:#fff;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;font-weight:800;cursor:pointer;z-index:55;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.usermenu{position:absolute;top:66px;right:24px;width:320px;background:#fff;color:#12211f;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:60;overflow:hidden}
.um-head{background:linear-gradient(120deg,#6a5cf0,#8a5cf0);color:#fff;display:flex;align-items:center;gap:14px;padding:18px 20px}
.um-av{width:48px;height:48px;border-radius:50%;background:#2b6ef0;display:grid;place-items:center;font-weight:800}
.um-email{font-size:13px;opacity:.9}
.um-body,.um-foot{padding:8px}
.um-foot{border-top:1px solid #eef}
.um-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;font-weight:700;cursor:pointer}
.um-item:hover{background:#f3f5f8}
.um-item.logout{color:#e0402e}
@media(max-width:960px){.prof{grid-template-columns:1fr}.pf-grid{grid-template-columns:1fr}}
/* AGENTIC SEARCH */
#view-search{position:relative;min-height:calc(100vh - 74px)}
#view-search::before{content:'';position:fixed;inset:0;background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.22)),url('/images/backgrounds/search_bg.jpg'),url('/images/_placeholders/generic_bg.svg') center/cover;z-index:0}
.srch{max-width:1000px;margin:0 auto;padding:24px 24px 80px;text-align:center;position:relative;z-index:1}
.srch-cap{color:#fff;letter-spacing:3px;font-weight:700;font-size:14px;margin:20px 0 8px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.srch-title{color:#fff;font-weight:800;font-size:70px;text-shadow:0 4px 24px rgba(0,0,0,.4);margin-bottom:30px}
.srch-bar{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid var(--yellow);border-radius:18px;padding:12px 16px;max-width:820px;margin:0 auto;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.srch-mag{font-size:20px;opacity:.55}
.srch-bar input{flex:1;border:0;outline:0;font-size:16px;color:#12211f;background:transparent}
.srch-go{background:linear-gradient(#ffd75e,#f4b400);border:0;width:52px;height:44px;border-radius:12px;font-size:20px;color:#5a4200;cursor:pointer;font-weight:800}
.srch-chips{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:22px 0 30px}
.srch-chip{background:rgba(20,40,45,.5);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:20px;padding:10px 18px;font-weight:700;cursor:pointer;backdrop-filter:blur(4px)}
.srch-chip:hover{background:rgba(20,40,45,.8)}
.srch-panel{background:rgba(250,246,239,.96);color:#12211f;border-radius:20px;padding:34px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.srch-kick{color:#0b6b61;letter-spacing:2px;font-weight:800;font-size:13px;margin-bottom:8px}
.srch-h{font-family:Georgia,serif;font-weight:800;font-size:40px;color:#0b2e2b;margin-bottom:10px}
.srch-panel .muted{color:#5b6b68;max-width:640px;margin:0 auto;line-height:1.6}
.srch-agent{background:#eaf6f3;border:1px solid #cfe8e1;border-radius:12px;padding:14px 18px;text-align:left;margin-bottom:18px;color:#0b3a34;line-height:1.6}
.srch-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;text-align:left}
.sr-card{border-radius:14px;overflow:hidden;background:#fff;border:1px solid #e6ecea;box-shadow:0 8px 20px rgba(0,0,0,.08);cursor:pointer;transition:.15s}
.sr-card:hover{transform:translateY(-4px)}
.sr-img{height:130px;background-size:cover;background-position:center}
.sr-in{padding:12px 14px}.sr-in b{display:block}.sr-in span{font-size:12px;color:#5b6b68}
.sr-tag{display:inline-block;background:#eef3f2;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700;color:#2a4a45;margin-top:6px}
.ent-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 2px}
.ent-chip{background:#12403b;color:#eafcf6;border-radius:14px;padding:5px 12px;font-size:12px;font-weight:700}
.sugcard{display:flex;background:#fff;border:1px solid #e6ecea;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.12);text-align:left;margin:6px 0 20px}
.sug-img{width:280px;background-size:cover;background-position:center;flex:none}
.sug-body{padding:20px 22px;flex:1}
.sug-badge{display:inline-block;background:linear-gradient(90deg,#2364AA,#FEC601);color:#08312c;font-weight:800;font-size:11px;letter-spacing:1px;border-radius:12px;padding:4px 12px;margin-bottom:8px}
.sug-body h3{font-size:22px;font-weight:800;color:#12211f}
.sug-meta{color:#5b6b68;font-size:13px;margin:4px 0 8px}
.sug-price{font-size:24px;font-weight:800;color:#0b6b61;margin-bottom:10px}.sug-price small{font-size:13px;color:#5b6b68;font-weight:600}
.sug-days{font-size:13px;color:#2a3a37;line-height:1.7;margin-bottom:14px}
.sug-btns{display:flex;gap:10px;flex-wrap:wrap}.sug-btns .btn{padding:10px 18px}
@media(max-width:700px){.sugcard{flex-direction:column}.sug-img{width:100%;height:160px}}
/* INFLUENCER LANDING */
#view-influencer{background:#fff;color:#12233a}
.infl-hero{position:relative;min-height:600px;background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.28)),url('/images/backgrounds/influencer_bg.jpg'),url('/images/_placeholders/cities_bg.svg') center/cover;padding:70px 6vw;color:#fff;overflow:hidden}
.infl-hero h1{font-size:54px;font-weight:800;max-width:600px}
.infl-hero .emj{font-size:34px;margin:6px 0}
.infl-hero p{max-width:560px;line-height:1.7;margin:14px 0;font-size:15.5px}
.infl-underline{font-weight:800;font-size:20px;border-bottom:3px solid var(--orange);display:inline-block;padding-bottom:6px;margin:8px 0 24px}
.infl-apply{background:#fff;color:#12233a;border:0;border-radius:30px;padding:16px 40px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.infl-facecards{position:absolute;right:7vw;top:200px;display:flex}
.facecard{width:190px;height:250px;border-radius:16px;background-size:cover;background-position:center;border:3px solid rgba(255,255,255,.7);position:relative;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.facecard:nth-child(2){margin-left:-46px;margin-top:44px;transform:rotate(5deg);border-color:#FEC601}
.facecard .fc{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.92);border-radius:8px;padding:6px 10px;color:#12233a}
.facecard .fc b{display:block;font-size:13px}.facecard .fc span{font-size:11px;color:#5b6b68}
.infl-sec{padding:60px 6vw}
.infl-sec.cream{background:linear-gradient(#fff,#fdf3ec)}
.infl-h2{text-align:center;font-size:38px;font-weight:800;margin-bottom:8px}
.infl-sub{text-align:center;color:#5b6b68;max-width:640px;margin:0 auto 28px;line-height:1.6}
.howto{display:grid;grid-template-columns:1fr 340px;gap:30px;max-width:1200px;margin:0 auto;align-items:center}
.htcards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.htcard{border-radius:18px;padding:26px;min-height:200px}
.htcard .hticon{font-size:26px;margin-bottom:14px}
.htcard h3{font-size:18px;font-weight:800;margin-bottom:8px}
.htcard p{font-size:13.5px;color:#4a5a68;line-height:1.6}
.htside{text-align:center}.htside .illus{font-size:84px}
.htside h3{font-size:22px;font-weight:800;margin:14px 0 10px}
.htside .ul{width:180px;height:3px;background:var(--orange);margin:0 auto 16px}
.joinbtn{background:var(--orange);color:#fff;border:0;border-radius:24px;padding:14px 34px;font-weight:800;cursor:pointer}
.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1150px;margin:0 auto}
.storycard{background:#fff;border:1px solid #eee;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.storyhd{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.storyav{width:44px;height:44px;border-radius:50%;background-size:cover;background-position:center}
.storyhd .react{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff}
.storycard p{color:#4a5a68;font-size:14px;line-height:1.6}
.showmore{display:block;margin:30px auto 0;background:var(--yellow);color:#3a2e00;border:0;border-radius:24px;padding:13px 34px;font-weight:800;cursor:pointer}
.weekly{padding:70px 6vw;background:linear-gradient(rgba(20,30,40,.62),rgba(20,30,40,.72)),url('/images/backgrounds/planner_bg.jpg'),url('/images/_placeholders/generic_bg.svg') center/cover;color:#fff}
.weekcards{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:24px}
.weekcard{width:340px;background:rgba(255,255,255,.94);color:#12233a;border-radius:16px;padding:20px}
.weekcard.cream{background:#f6ecd8}
.weekavs{display:flex;margin-bottom:12px}.weekavs .a{width:34px;height:34px;border-radius:50%;background-size:cover;border:2px solid #fff;margin-left:-8px}
.weektag{display:inline-block;background:#e9edf0;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:700;margin-bottom:10px}
.weekcard h3{font-size:17px;font-weight:800}
.iom{display:flex;gap:16px;overflow-x:auto;max-width:1300px;margin:0 auto;padding:10px 0}
.iomcard{flex:none;width:150px;text-align:center}
.iomcard .im{height:180px;border-radius:14px;background-size:cover;background-position:center;margin-bottom:8px}
.iomcard b{display:block}.iomcard span{font-size:12px;color:#8a97a3}
.faqtabs{display:flex;gap:12px;justify-content:center;margin:20px 0 30px;flex-wrap:wrap}
.faqtab{border:0;border-radius:20px;padding:10px 22px;font-weight:700;cursor:pointer;background:#f0e9e2;color:#12233a}
.faqtab.on{background:#12233a;color:#fff}
.faqlist{max-width:900px;margin:0 auto}
.faqrow2{border-bottom:1px solid #eadfd6;padding:18px 4px;cursor:pointer}
.faqq{display:flex;justify-content:space-between;font-weight:800;color:#12233a}
.faqa{color:#7a5a2a;font-size:14px;line-height:1.6;margin-top:10px;background:#fdf3d8;border-radius:10px;padding:14px}
/* ONBOARDING + AUTH */
#view-inflonboard,#view-inflauth{min-height:100vh;background:linear-gradient(rgba(12,16,46,.5),rgba(12,16,46,.72)),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=90') center/cover no-repeat fixed,url('/images/backgrounds/splash_bg.jpg') center/cover no-repeat fixed,url('/images/_placeholders/generic_bg.svg') center/cover no-repeat fixed;padding:40px 20px;display:flex;justify-content:center;align-items:flex-start}
.autht{display:flex;gap:8px;margin-bottom:20px;background:#eef1f6;border-radius:12px;padding:5px}
.autht button{flex:1;border:0;border-radius:9px;padding:11px;font-weight:800;cursor:pointer;background:transparent;color:#5b6b68}
.autht button.on{background:#6a6cf0;color:#fff}
.authsoc{display:flex;gap:10px;margin:14px 0}
.authsoc button{flex:1;border:1px solid #dce3ec;background:#fff;border-radius:10px;padding:11px;font-weight:700;cursor:pointer;color:#12233a;font-size:13px}
.authdiv{text-align:center;color:#8a97a3;font-size:12px;margin:14px 0}
.authlink{text-align:center;font-size:13px;color:#5b6b68;margin-top:14px}
.authlink b{color:#6a6cf0;cursor:pointer}
.authbtn{width:100%;border:0;border-radius:10px;padding:14px;font-weight:800;cursor:pointer;background:#6a6cf0;color:#fff;font-size:14px}
.onb{width:560px;max-width:100%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.onbhead{background:linear-gradient(120deg,#6a6cf0,#8a5cf0);color:#fff;padding:20px 26px;text-align:center}
.onbhead h2{font-size:22px}.onbhead .sub{opacity:.9;font-size:13px;margin-top:4px}
.onbbar{height:6px;background:rgba(255,255,255,.3);border-radius:4px;margin:16px 0 8px;overflow:hidden}.onbbar div{height:100%;background:#fff;transition:.3s}
.onbbody{padding:30px}
.onbbody h3{text-align:center;font-size:26px;font-weight:800;color:#12233a}
.onbbody .desc{text-align:center;color:#5b6b68;margin:6px 0 22px}
.onbf{margin-bottom:16px}
.onbf label{display:block;font-weight:700;font-size:13px;color:#5b6b68;margin-bottom:6px}
.onbf input,.onbf textarea{width:100%;background:#f4f7fb;border:1px solid #e2e8f0;border-radius:10px;padding:13px 14px;font-size:14px;font-family:inherit;color:#12233a}
.onbopt{display:flex;align-items:center;gap:10px;background:#f4f7fb;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin-bottom:8px;cursor:pointer;color:#12233a;font-size:14px}
.onbnav{display:flex;gap:12px;margin-top:22px}
.onbnav button{flex:1;border:0;border-radius:10px;padding:14px;font-weight:800;cursor:pointer;font-size:14px}
.onb-next{background:#6a6cf0;color:#fff}.onb-prev{background:#fff;border:1px solid #cdd6e0;color:#12233a}
.onb-done{background:#1fae5a;color:#fff}
.onbwarn{background:#fdf3d8;border-left:4px solid var(--yellow);border-radius:8px;padding:12px 14px;font-size:13px;margin-bottom:16px;color:#7a5a2a}
/* INFLUENCER DASHBOARD */
#view-infldash{background:#0d1117;color:#e6edf3;min-height:100vh;padding:16px 20px 40px}
.iddash{display:grid;grid-template-columns:1fr 300px;gap:18px;max-width:1600px;margin:0 auto}
.idstats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}
.idstat{background:#161b22;border:1px solid #21262d;border-radius:14px;padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-start}
.idstat small{color:#8b949e;font-size:12px}.idstat .big{font-size:26px;font-weight:800;margin:4px 0}
.idstat .ic{font-size:22px;opacity:.9}
.idtitle{font-size:20px;font-weight:800;margin:6px 0 12px}
.idtable{width:100%;border-collapse:collapse;background:#0f141a;border-radius:12px;overflow:hidden}
.idtable th{text-align:left;color:#8b949e;font-weight:600;font-size:12px;padding:12px;border-bottom:1px solid #21262d}
.idtable td{padding:14px 12px;border-bottom:1px solid #171c22;font-size:14px}
.idav{width:30px;height:30px;border-radius:8px;background:#21262d;display:inline-grid;place-items:center;font-size:11px;font-weight:800;margin-right:10px;color:#c9d1d9}
.idstatus{border-radius:14px;padding:4px 12px;font-size:12px;font-weight:800;color:#fff}
.idact{cursor:pointer;opacity:.7;margin:0 4px}
.idside{background:#161b22;border:1px solid #21262d;border-radius:14px;padding:18px;height:max-content}
.idjourney{height:150px;border-radius:12px;background-size:cover;background-position:center;display:flex;align-items:flex-end;margin:12px 0;overflow:hidden}
.idjourney span{background:linear-gradient(transparent,rgba(0,0,0,.85));width:100%;padding:10px;font-weight:700;font-size:13px}
.idtesti{background:#0f141a;border:1px solid #21262d;border-radius:12px;padding:14px;margin-top:14px;font-size:12.5px;line-height:1.6;color:#c9d1d9}
@media(max-width:1000px){.iddash{grid-template-columns:1fr}.idstats{grid-template-columns:1fr 1fr}.howto,.stories{grid-template-columns:1fr}.infl-facecards{display:none}}
.fab{position:fixed;right:22px;bottom:22px;display:flex;flex-direction:column;gap:10px;z-index:50}
.fab div{width:52px;height:52px;border-radius:50%;background:var(--ink);border:1px solid var(--line);display:grid;place-items:center;font-size:20px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.4)}
@media(max-width:960px){.spot,.detail,.checkout{grid-template-columns:1fr}.browse{grid-template-columns:1fr}
 .searchbar{grid-template-columns:1fr 1fr}.panel{grid-template-columns:1fr}.rail{flex-direction:row;justify-content:center}
 .psummary{border-left:0;border-top:1px solid var(--line)}.tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.tf-grid,.tf-grid3,.tf-status{grid-template-columns:1fr}.tf-hero h1{font-size:34px}}
@media(max-width:640px){.mhud{font-size:11px}.mq{font-size:15px}.mopt{font-size:13px}}
/* ============ RESPONSIVE (tablet + mobile) ============ */
html,body{overflow-x:hidden}
.navlinks{display:flex;align-items:center;gap:14px}
.navtoggle{display:none;width:42px;height:42px;border-radius:10px;background:rgba(10,20,18,.6);border:1px solid var(--line);color:#fff;font-size:20px;cursor:pointer;align-items:center;justify-content:center}
@media(max-width:900px){
 .nav{gap:10px;padding:12px 14px}
 .navtoggle{display:flex}
 .navlinks{position:absolute;top:62px;right:10px;left:10px;flex-direction:column;align-items:stretch;background:rgba(9,26,24,.98);border:1px solid var(--line);border-radius:14px;padding:12px;z-index:75;display:none;backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.5)}
 .navlinks.open{display:flex}
 .navlinks .pill{width:100%;text-align:center}
 .navlinks .modesw{width:100%;justify-content:center}
 .navlinks .icobtn{width:100%;border-radius:12px}
 .hero h1{font-size:34px}
 .infl-hero{padding:50px 6vw;min-height:auto}.infl-hero h1{font-size:38px}.infl-h2{font-size:30px}
 .itin .hd{flex-wrap:wrap}.itin .im{width:100%;height:180px}
 .itin .price{text-align:left;min-width:0;width:100%;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
 .cstepper{flex-wrap:wrap}.searchbar{grid-template-columns:1fr 1fr}
 .bigcard{height:380px}
 .newsmenu{right:10px;left:10px;width:auto}
 .usermenu{right:10px;left:10px;width:auto}
 .howto{grid-template-columns:1fr}.stories{grid-template-columns:1fr}
}
@media(max-width:600px){
 .hero h1{font-size:27px}
 #splash h1{font-size:46px}#splash .sub{font-size:17px;letter-spacing:4px}
 .searchbar{grid-template-columns:1fr}
 .spot .info h2{font-size:24px}
 .bigcard{height:300px}.bigcard .cap h3{font-size:24px}
 .arrow{width:42px;height:42px;font-size:18px}
 .arrow.l{left:-6px}.arrow.r{right:-6px}
 .h2{font-size:24px}.detail h2{font-size:28px}
 .idstats{grid-template-columns:1fr}
 .weekcard{width:100%}
 .checkout{grid-template-columns:1fr}
 .cmpinner,.mapinner{padding:14px}
 .page{padding-left:14px;padding-right:14px}.wrap{padding-left:14px;padding-right:14px}
 .srch-title{font-size:42px}.srch-bar{flex-wrap:nowrap}
 .tf-hero h1{font-size:28px}
 .factgrid{grid-template-columns:1fr 1fr}
 .promocard{width:270px}
 .infl-hero h1{font-size:32px}
 .onbbody{padding:22px}.mpanel{padding:18px}
 .goback{width:76px;height:76px;right:14px;bottom:14px}
}
/* ---- place-detail extras (hotels/restaurants/events) + persona chips ---- */
.pextras{margin:34px 0 6px;position:relative;z-index:2}
.pextras .sh{font-size:21px;font-weight:800;margin:26px 0 14px;color:#eaf7f4;display:flex;align-items:center;gap:8px}
.xgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.xcard{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;backdrop-filter:blur(8px);transition:transform .15s,box-shadow .15s}
.xcard:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.xcard .xim{height:140px;background-size:cover;background-position:center}
.xcard .xin{padding:12px 13px 14px}
.xcard h4{font-size:15px;margin:0 0 5px;color:#fff;line-height:1.25}
.xcard .xmeta{font-size:12px;color:#cfe6e1;opacity:.92;margin-bottom:8px}
/* ---------------- BLOG ---------------- */
#view-blog{min-height:100vh;background:linear-gradient(rgba(6,22,26,.72),rgba(6,22,26,.86)),url('/images/backgrounds/home_bg.jpg'),url('/images/_placeholders/generic_bg.svg') center/cover fixed}
.blogwrap{max-width:1240px;margin:0 auto;padding:24px 4vw 60px}
.bloghd{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.bloghd h1{font-size:30px;font-weight:800;margin:0}
.blogcats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}
.bcat{padding:7px 14px;border-radius:20px;border:1px solid var(--line);font-size:13px;font-weight:600;cursor:pointer;color:#cfe6e1;background:rgba(255,255,255,.05)}
.bcat.on{background:var(--teal);border-color:var(--teal);color:#fff}
.bloggrid{display:grid;grid-template-columns:340px 1fr;gap:18px;align-items:start}
.bloglist{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;overflow:hidden;backdrop-filter:blur(8px);max-height:78vh;overflow-y:auto}
.blogli{padding:15px 16px;border-bottom:1px solid var(--line);border-left:3px solid transparent;cursor:pointer;transition:.15s}
.blogli:hover{background:rgba(255,255,255,.05)}
.blogli.on{background:rgba(15,138,126,.18);border-left-color:var(--teal)}
.blogli .kick{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--teal2);margin-bottom:4px}
.blogli h3{font-size:15px;margin:0 0 5px;line-height:1.3;color:#fff}
.blogli p{font-size:12.5px;color:#bcd;opacity:.9;margin:0 0 7px;line-height:1.45}
.blogli .meta{font-size:11px;color:#9fb0bd}
.blogpost{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(8px);padding:26px 30px;max-height:78vh;overflow-y:auto}
.blogpost .hero{height:280px;border-radius:14px;background-size:cover;background-position:center;margin:16px 0 22px}
.blogpost h2{font-size:30px;line-height:1.2;margin:8px 0 12px;color:#fff}
.blogpost .byline{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:8px}
.blogpost .av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal2));display:grid;place-items:center;font-weight:800}
.blogpost .body{font-size:15px;line-height:1.75;color:#dceee9}
.blogpost .body h3{font-size:20px;color:#fff;margin:24px 0 10px}
.blogpost .body p{margin:0 0 14px}
.blogpost .body ul{margin:0 0 14px 18px}.blogpost .body li{margin-bottom:6px}
.blogpost .body blockquote{border-left:4px solid var(--teal);background:rgba(15,138,126,.14);padding:12px 16px;border-radius:0 10px 10px 0;font-style:italic;color:#c7f2ea;margin:18px 0}
.blogempty{display:grid;place-items:center;height:60vh;color:#9fb0bd;text-align:center}
.blogback{display:none;color:var(--teal2);font-weight:700;cursor:pointer;margin-bottom:12px}
@media(max-width:900px){.bloggrid{grid-template-columns:1fr}.blogpost{max-height:none}.bloglist{max-height:none}
 .blogback{display:block}}
.ptag{display:inline-block;background:rgba(15,138,126,.28);border:1px solid rgba(20,184,166,.45);color:#c7f2ea;font-size:10.5px;padding:2px 8px;border-radius:11px;margin:3px 4px 0 0}
.diet{display:inline-block;background:rgba(31,174,90,.18);border:1px solid rgba(31,174,90,.55);color:#a8f0c0;font-size:10px;font-weight:700;padding:2px 7px;border-radius:9px;margin:3px 4px 0 0}
/* smart-plan narrative day story */
.daytheme{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2364AA;margin-bottom:4px}
.daynarr{background:linear-gradient(180deg,#f3f9f7,#ffffff);border:1px solid #dcebe7;border-left:4px solid #2364AA;border-radius:12px;padding:13px 15px;margin:2px 0 12px;color:#233;line-height:1.65;font-size:14px}
.daynarr b{color:#0c5}
/* ---- home: sticky nav + sticky filter rail + collapsible promos ---- */
.nav{position:fixed;top:0;left:0;right:0;z-index:78;background:rgba(16,18,58,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
body{padding-top:86px}
body.nonav{padding-top:0}
@media(max-width:760px){body{padding-top:78px}}
.promobar{margin:4px 0 2px}
.promobtn{display:flex;align-items:center;gap:12px;justify-content:space-between;width:100%;max-width:380px;margin:0 auto;background:rgba(244,236,229,.06);border:1px solid var(--line);color:var(--body);padding:9px 18px;border-radius:100px;font-weight:700;cursor:pointer;font-size:13px;font-family:'Avenir Next',system-ui,sans-serif}
.promobtn:hover{border-color:#FEC601;color:#fff}
.promostrip.hidden{display:none!important}
.homelayout{display:flex;gap:22px;align-items:flex-start;margin:14px auto 60px}
.filterrail{width:272px;flex:none;position:sticky;top:86px;max-height:calc(100vh - 106px);overflow:auto;background:rgba(13,15,52,.5);border:1px solid var(--line);border-radius:18px;padding:18px;backdrop-filter:blur(10px)}
.filterrail::-webkit-scrollbar{width:8px}.filterrail::-webkit-scrollbar-thumb{background:rgba(244,236,229,.2);border-radius:8px}
.homelayout .browse{flex:1;min-width:0;margin:0}
.ribbon{position:absolute;top:12px;right:12px;z-index:3;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:800;font-family:'Avenir Next',system-ui,sans-serif;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.rb-trend{background:linear-gradient(105deg,#FEC601,#e8843a);color:#241a00}
.rb-hidden{background:linear-gradient(105deg,#3DA5D9,#2364AA);color:#fff}
.tbadges{position:absolute;top:56px;left:12px;right:12px;z-index:4;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.tbadges .ribbon{position:static;top:auto;right:auto;font-size:11px;padding:4px 11px;letter-spacing:.2px}
.safebadge{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border-radius:100px;font-size:13px;font-weight:800;color:#fff;font-family:'Avenir Next',system-ui,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.5);cursor:pointer;border:1px solid rgba(255,255,255,.35);text-shadow:0 1px 2px rgba(0,0,0,.35)}
.safebadge i{font-style:normal;font-size:9.5px;opacity:.92;font-weight:700;margin-left:-1px}
.safebadge .dl{font-size:10.5px;opacity:1;margin-left:4px;font-weight:800}
.safepill{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:100px;font-size:13px;font-weight:800;color:#fff;vertical-align:middle}
/* place-detail intelligence panels */
.intel{margin:22px 0 4px;display:grid;grid-template-columns:1fr;gap:16px}
.ipanel{background:rgba(8,26,30,.62);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;backdrop-filter:blur(3px)}
.ipanel .ih{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;margin-bottom:4px}
.ipanel-safety{cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.ipanel-safety:hover{border-color:rgba(61,165,217,.55);box-shadow:0 16px 40px -18px rgba(61,165,217,.5);transform:translateY(-2px)}
.ih-go{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--sky);white-space:nowrap;transition:gap .2s}
.ipanel-safety:hover .ih-go{text-decoration:underline}
.ipanel .isub{font-size:12.5px;opacity:.72;margin-bottom:12px}
.saferow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.safedial{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-weight:800;font-size:22px;color:#fff;position:relative}
.safedial small{position:absolute;bottom:12px;font-size:8px;opacity:.85;font-weight:700}
.safemeta{flex:1;min-width:180px}
.safemeta .lb{font-size:15px;font-weight:800}
.safemeta .dl2{font-size:12.5px;opacity:.85;margin-top:2px}
.watchbox{background:rgba(224,90,69,.12);border:1px solid rgba(224,90,69,.4);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5;margin-top:4px}
.watchbox.calm{background:rgba(34,160,90,.1);border-color:rgba(34,160,90,.35)}
.watchbox b{display:block;font-size:11px;letter-spacing:.4px;text-transform:uppercase;opacity:.8;margin-bottom:3px}
.icard{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(244,236,229,.12)}
.icard:first-of-type{border-top:none}
.icard .iic{width:40px;height:40px;border-radius:10px;background:rgba(254,198,1,.14);display:grid;place-items:center;font-size:19px;flex-shrink:0}
.icard h5{font-size:14.5px;font-weight:800;margin:0 0 2px}
.icard .imeta{font-size:11.5px;opacity:.7;margin-bottom:4px}
.icard p{font-size:12.5px;line-height:1.5;opacity:.9;margin:0}
.icard .pricetag{display:inline-block;margin-top:5px;font-size:11.5px;font-weight:700;color:var(--orange);background:rgba(254,198,1,.12);border-radius:8px;padding:2px 8px}
.icard .src{font-size:11px;opacity:.6;margin-top:4px}
.imore{margin-top:10px;font-size:13px;font-weight:700;color:var(--sky);cursor:pointer}
@media(min-width:820px){.intel.two{grid-template-columns:1fr 1fr}}
/* ===== Netflix-style traveler home ===== */
@media(min-width:901px){
 #view-home{height:100vh;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}
 #view-home .nfhero{flex:0 0 auto;min-height:max(520px,64vh)}
 #view-home .nfbrowse{flex:0 0 auto;min-height:220px}
 #view-home .nfdrow{flex:1;min-height:0}
}
.nfhero{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:64vh}
.nfhero .nfbg{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .5s ease, transform 8s ease}
.nfhero .nfbg.zoom{transform:scale(1.06)}
.nfhero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,30,.94) 0%,rgba(9,11,30,.6) 34%,rgba(9,11,30,0) 62%),linear-gradient(0deg,rgba(9,11,30,.96) 2%,rgba(9,11,30,.15) 30%,transparent 55%)}
.nfbody{position:relative;z-index:3;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:visible;padding:clamp(98px,13vh,116px) clamp(18px,4vw,52px) 10px}
.nfinfo{max-width:min(580px,52vw);margin-top:auto}
.nfeyebrow{color:#d8b15a;font-size:12px;letter-spacing:.22em;text-transform:uppercase;font-weight:800;margin-bottom:4px}
.nftitle{font-family:'Jost',sans-serif;font-weight:800;font-size:clamp(24px,3.4vw,44px);line-height:1.06;text-transform:uppercase;margin:6px 0 6px;text-shadow:0 4px 30px rgba(0,0,0,.6);word-break:break-word}
.nfbadges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.nfbadge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:100px;font-size:12px;font-weight:800;color:#fff}
.nfbadge.safe{background:linear-gradient(105deg,#22a05a,#178048)}
.nfbadge.trend{background:linear-gradient(105deg,#FEC601,#e8843a);color:#241a00}
.nfbadge.hidden{background:linear-gradient(105deg,#3DA5D9,#2364AA)}
.nfbadge.tag{background:rgba(255,255,255,.14);border:1px solid rgba(244,236,229,.16)}
.nfdesc{color:#e9e7df;font-size:14px;line-height:1.55;margin-top:10px;max-width:520px;text-shadow:0 2px 12px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nfprice{margin-top:12px;font-size:14px;color:#e9e7df}
.nfprice b{font-family:'Jost',sans-serif;font-size:22px;color:#FEC601;font-weight:800}
.nfprice span{color:#9aa2c4;font-size:12px}
.nfcta{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.nfbtn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:6px;padding:12px 24px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit}
.nfbtn.play{background:#fff;color:#0b0b12}
.nfbtn.ghost{background:rgba(109,109,110,.6);color:#fff}
.nfrail{position:absolute;right:clamp(12px,2.4vw,34px);top:clamp(92px,12vh,104px);bottom:104px;z-index:6;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;width:186px;overflow:auto}
.nfrail::-webkit-scrollbar{display:none}
.nfstat{display:flex;align-items:center;gap:11px;background:linear-gradient(135deg,rgba(22,26,64,.78),rgba(10,12,30,.6));border:1px solid rgba(255,255,255,.14);border-radius:13px;padding:9px 11px;backdrop-filter:blur(8px);box-shadow:0 8px 22px rgba(0,0,0,.42);transition:.18s}
.nfstat:hover{transform:translateX(-4px);border-color:#FEC601;box-shadow:0 10px 28px rgba(254,198,1,.3)}
.nfstat .sic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex:0 0 auto;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.45)}
.nfstat .sval{font-family:'Jost',sans-serif;font-weight:800;font-size:16px;color:#fff;line-height:1.05}
.nfstat .slbl{font-size:10px;color:#b9c0dc;font-weight:700;letter-spacing:.03em;margin-top:2px;text-transform:uppercase}
.nfstat.wx{flex-direction:column;align-items:stretch;gap:5px;border-color:rgba(254,198,1,.35)}
.nfwxleg{display:flex;justify-content:space-between;font-size:9.5px;font-weight:800}
@media(max-width:1024px){.nfrail{display:none}}
.nfplaces{position:relative;z-index:3;padding:0 clamp(18px,4vw,52px) 14px}
.nflbl{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#cdd3e8;margin-bottom:8px}
.nflbl b{color:#FEC601}
.nfprow{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.nfprow::-webkit-scrollbar{height:6px}.nfprow::-webkit-scrollbar-thumb{background:rgba(244,236,229,.25);border-radius:6px}
.nfpthumb{flex:0 0 auto;width:180px;height:92px;border-radius:10px;overflow:hidden;position:relative;cursor:pointer;border:2px solid transparent;background:#123;background-size:cover;background-position:center;transition:.2s}
.nfpthumb .cap{position:absolute;left:0;right:0;bottom:0;padding:16px 10px 7px;font-size:12.5px;font-weight:800;background:linear-gradient(0deg,rgba(0,0,0,.85),transparent)}
.nfpthumb.on{border-color:#FEC601;transform:translateY(-3px)}
.nfpthumb:hover{transform:translateY(-3px)}
.nfbrowse{padding:14px clamp(18px,4vw,52px) 16px}
.nfbrowse h2{font-family:'Jost',sans-serif;font-weight:700;font-size:19px;margin-bottom:10px;color:#F4ECE5}
.nfbrowse h2 span{font-size:12px;font-weight:600;opacity:.55;margin-left:8px;font-family:'Avenir Next',sans-serif}
.nffilters{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:10px}
.nffchip{font-size:12px;font-weight:800;padding:8px 15px;border-radius:100px;border:1px solid rgba(244,236,229,.16);background:rgba(244,236,229,.05);color:#F4ECE5;cursor:pointer;white-space:nowrap;transition:.18s}
.nffchip:hover{border-color:#FEC601;background:rgba(254,198,1,.12);transform:translateY(-2px)}
.nffchip.on{background:linear-gradient(105deg,#FEC601,#e8843a);color:#241a00;border-color:transparent;box-shadow:0 4px 14px rgba(254,198,1,.35)}
.nffchip.tog{border-style:dashed}
.nfdrow{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 14px}
.nfdcard{flex:0 0 auto;width:200px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:rgba(18,22,54,.7);cursor:pointer;transition:.22s;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.nfdcard .dim{height:112px;background-size:cover;background-position:center;position:relative}
.nfdcard .dinfo{padding:10px 12px 12px}
.nfdcard .dname{font-family:'Jost',sans-serif;font-size:14.5px;font-weight:800;color:#fff}
.nfdcard .dctry{font-size:11px;color:#b9c0dc;margin-top:2px;font-weight:600}
.nfdcard .dchips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.nfdchip{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:100px}
.nfdchip.safe{background:rgba(34,160,90,.2);color:#7fe0a6}
.nfdchip.trend{background:rgba(254,198,1,.18);color:#FEC601}
.nfdchip.hidden{background:rgba(61,165,217,.2);color:#9fd0ee}
.nfdcard.on{border-color:#FEC601;transform:translateY(-4px)}
.nfdcard:hover{transform:translateY(-4px)}
@media(max-width:900px){
 #view-home{height:auto;min-height:100vh;display:flex;flex-direction:column;overflow:visible}
 .nfhero{min-height:72vh;min-height:72svh}
 .nfbody{padding:clamp(88px,13vh,102px) clamp(16px,4vw,28px) 10px}
 .nfinfo{max-width:100%}
 .nftitle{font-size:clamp(24px,5.2vw,36px);line-height:1.1}
}
@media(max-width:900px){.homelayout{flex-direction:column}.filterrail{position:static;width:auto;max-height:none}}
/* ===== Futuristic motion pass ===== */
:root{--ease:cubic-bezier(.2,.7,.2,1)}
*{scroll-behavior:smooth}
/* smoother global transitions on interactive elements */
.tile,.pill,.icobtn,.rg-card,.safebadge,.chip,.btn,.itab,.fbtn,.promocard,.tbadges .ribbon{transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .2s var(--ease),border-color .2s var(--ease),opacity .2s var(--ease)}
/* destination tiles: image zoom + deeper lift + staggered entrance */
.tile{will-change:transform}
.tile .bg{transition:transform .6s var(--ease),filter .3s var(--ease)}
.tile:hover{transform:translateY(-8px) scale(1.012)}
.tile:hover .bg{transform:scale(1.08);filter:brightness(.82)}
@keyframes tileIn{from{opacity:0}to{opacity:1}}
.grid .tile{animation:tileIn .5s var(--ease) both}
.grid .tile:nth-child(1){animation-delay:.02s}.grid .tile:nth-child(2){animation-delay:.07s}.grid .tile:nth-child(3){animation-delay:.12s}
.grid .tile:nth-child(4){animation-delay:.17s}.grid .tile:nth-child(5){animation-delay:.22s}.grid .tile:nth-child(6){animation-delay:.27s}
.grid .tile:nth-child(7){animation-delay:.3s}.grid .tile:nth-child(8){animation-delay:.33s}.grid .tile:nth-child(n+9){animation-delay:.36s}
/* badges: gentle pop-in + trending pulse */
@keyframes badgePop{from{opacity:0}to{opacity:1}}
.tbadges>*{animation:badgePop .4s var(--ease) both}
.tbadges>*:nth-child(2){animation-delay:.06s}.tbadges>*:nth-child(3){animation-delay:.12s}
@keyframes trendGlow{0%,100%{box-shadow:0 4px 14px rgba(232,132,58,.35)}50%{box-shadow:0 4px 22px rgba(254,198,1,.7)}}
.tbadges .rb-trend{animation:badgePop .4s var(--ease) both,trendGlow 2.6s ease-in-out 1s infinite}
.chip:hover{transform:translateY(-2px)}
.safebadge:hover{transform:translateY(-2px) scale(1.04)}
/* nav links + buttons micro-interactions */
.pill:hover,.icobtn:hover{transform:translateY(-2px)}
.icobtn:active,.pill:active,.btn:active{transform:scale(.96)}
.btn{transition:transform .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease)}
.btn:hover{filter:brightness(1.06);box-shadow:0 10px 26px rgba(0,0,0,.3)}
/* role gate: staggered card entrance + floating icons + shimmer heading */
@keyframes rgRise{from{opacity:0}to{opacity:1}}
#rolegate .rg-card{animation:rgRise .55s var(--ease) both}
#rolegate .rg-card:nth-child(1){animation-delay:.12s}#rolegate .rg-card:nth-child(2){animation-delay:.22s}#rolegate .rg-card:nth-child(3){animation-delay:.32s}
#rolegate h1,#rolegate .rg-sub,#rolegate .rg-logo{animation:rgRise .6s var(--ease) both}
#rolegate .rg-sub{animation-delay:.06s}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
#rolegate .rg-card .rg-ic{animation:floatY 4s ease-in-out infinite}
#rolegate .rg-card:hover .rg-ic{transform:scale(1.08)}
/* intel panels reveal on the place page */
@keyframes panelIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ipanel{animation:panelIn .5s var(--ease) both}
.intel.two .ipanel:nth-child(2){animation-delay:.1s}
/* filter rows subtle */
.chkrow{transition:color .15s var(--ease)}.chkrow:hover{color:var(--gold)}
@media (prefers-reduced-motion:reduce){
 *{scroll-behavior:auto}
 .grid .tile,.tbadges>*,.ipanel,#rolegate .rg-card,#rolegate h1,#rolegate .rg-sub,#rolegate .rg-logo{animation:none}
 .tile:hover{transform:none}.tile:hover .bg{transform:none}
 .tbadges .rb-trend,#rolegate .rg-card .rg-ic{animation:none}
}

/* About Us view */
.about-wrap{max-width:1040px;margin:24px auto 70px;padding:0 20px;position:relative;z-index:10}
.about-back-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:100px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:#F4ECE5;font-weight:700;font-size:13px;cursor:pointer;margin-bottom:20px;backdrop-filter:blur(8px);transition:.2s var(--ease)}
.about-back-btn:hover{background:rgba(255,255,255,.16);border-color:#FEC601;color:#FEC601;transform:translateX(-3px)}
.about-card{background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:42px 48px;color:#0f172a;box-shadow:0 24px 70px rgba(0,0,0,.45);backdrop-filter:blur(16px)}
.about-card h1{font-family:'Jost',sans-serif;font-size:22px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:#101038;line-height:1.35;margin-bottom:14px}
.about-lead{font-size:15px;line-height:1.7;color:#334155;margin-bottom:28px}
.about-sec{margin-top:26px;padding-top:20px;border-top:1px solid rgba(15,23,42,.08)}
.about-sec:first-of-type{border-top:none;padding-top:0}
.about-sec h3{font-family:'Jost',sans-serif;font-size:18px;font-weight:800;color:#101038;margin-bottom:10px;display:inline-block;position:relative;padding-bottom:5px}
.about-sec h3::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:3px;border-radius:2px;background:#e8710a}
.about-sec p{font-size:14.5px;line-height:1.7;color:#334155}
.about-info-grid{display:flex;flex-direction:column;gap:8px}
.about-info-grid p{margin:0}
.about-contact-list{list-style:none;padding:0;margin:14px 0 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.about-contact-item a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#0f172a;padding:12px 16px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;transition:.18s var(--ease);width:100%}
.about-contact-item a:hover{background:#f1f5f9;border-color:#2364AA;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.06)}
.about-contact-icon{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #e2e8f0;display:grid;place-items:center;font-size:18px;flex:none;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.about-contact-text{font-size:13.5px;font-weight:700;color:#0f172a}
@media(max-width:768px){.about-card{padding:26px 20px}.about-contact-list{grid-template-columns:1fr}}