:root{--o:#FF6A3D;--p:#FF9A3D;--grad:linear-gradient(135deg,#FF6A3D 0%,#FF9A3D 100%);--soft:#FFF4EF;--surface:#fff;--bg:#F7F7F9;--text:#1A1218;--muted:#72697A;--card:#fff;--card-offwhite:#FFF7F7;--border:#EDE8EA;--shadow:0 4px 20px rgba(255,106,61,.10);--r:16px;--fh:'Google Sans', sans-serif;--fb:'Google Sans', sans-serif;}
    [data-theme=dark]{--soft:#2a1510;--surface:#1C1820;--bg:#15131A;--text:#F2EDF5;--muted:#9A8EA4;--card:#231F2C;--border:#322840;--shadow:0 4px 20px rgba(0,0,0,.35);}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
    html{scroll-behavior:smooth;}
    body{font-family:var(--fb);background:var(--bg);color:var(--text);overflow-x:hidden;transition:background .3s,color .3s;}
    h1,h2,h3,h4,h5,h6{font-family:var(--fh);font-weight:700;}
    a{text-decoration:none;color:inherit;}
    .gt{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
    .bg{background:var(--btn-g,var(--grad));color:#fff!important;border:none;border-radius:50px;padding:.6rem 1.6rem;font-weight:600;font-size:.9rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(255,106,61,.28);cursor:pointer;}
    .bg:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,106,61,.38);}
    .bo{border:2px solid var(--o);color:var(--o)!important;border-radius:50px;padding:.55rem 1.5rem;font-weight:600;background:transparent;transition:all .2s;font-size:.9rem;}
    .bo:hover{background:var(--grad);color:#fff!important;border-color:transparent;}
    .sl{font-size:.82rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--o);}
    .chip{background:var(--soft);color:var(--o);border-radius:50px;padding:.2rem .7rem;font-size:.74rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem;}
    .cb{background:var(--card);border-radius:var(--r);border:1.5px solid var(--border);box-shadow:var(--shadow);transition:transform .26s,box-shadow .26s;overflow:hidden;}
    .cb:hover{transform:translateY(-5px);box-shadow:0 12px 32px rgba(255,106,61,.14);}
    .sp{padding:4.5rem 0;}
    .va{font-size:.82rem;font-weight:700;color:var(--o);display:flex;align-items:center;gap:.25rem;}
    .va:hover{gap:.45rem;}
    .sh{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.4rem;flex-wrap:wrap;gap:.5rem;}
    .stars{color:#FFB800;}

    /* PROMO TOP */
    .ptop{background:var(--grad);color:#fff;text-align:center;padding:.48rem 1rem;font-size:.82rem;font-weight:500;position:relative;}
    .ptop a{color:#fff;font-weight:700;text-decoration:underline;}
    .pclose{position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer;opacity:.8;font-size:1rem;}

    /* NAVBAR */
    .nav-gu{background:var(--surface);border-bottom:1px solid var(--border);padding:.7rem 0;position:sticky;top:0;z-index:1000;}
    .brand{font-family:var(--fh);font-size:1.4rem;font-weight:800;display:flex;align-items:center;gap:.45rem;}
    .lb{width:34px;height:34px;background:var(--grad);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.9rem;flex-shrink:0;}
    .nl{font-size:.87rem;font-weight:500;color:var(--text)!important;padding:.36rem .78rem!important;border-radius:8px;transition:background .18s;}
    .nl:hover,.nl.active{background:var(--soft);color:var(--o)!important;}
    .tb{width:36px;height:36px;border-radius:50%;border:1.5px solid var(--border);background:var(--soft);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:.95rem;transition:all .2s;}
    .tb:hover{border-color:var(--o);color:var(--o);}
    .lpill{display:flex;align-items:center;gap:.35rem;background:var(--soft);border:1.5px solid var(--border);border-radius:50px;padding:.3rem .9rem;font-size:.82rem;font-weight:500;cursor:pointer;color:var(--text);transition:border-color .2s;}
    .lpill:hover{border-color:var(--o);}

    /* HERO */
    .hero{min-height:320px;background:var(--surface);overflow:hidden;position:relative;display:flex;align-items:center;}
    .hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 55% 75% at 88% 50%,rgba(255,154,61,.10),transparent 70%),radial-gradient(ellipse 40% 50% at 5% 90%,rgba(255,106,61,.07),transparent 65%);pointer-events:none;}
    .hblob{position:absolute;right:-6%;top:-20%;width:480px;height:480px;background:var(--grad);border-radius:50% 44% 60% 40%/40% 60% 44% 50%;opacity:.07;animation:bfl 9s ease-in-out infinite;}
    @keyframes bfl{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(5deg)}}
    .ht{font-size:clamp(2rem,3.8vw,3.4rem);line-height:1.13;}
    .hs{font-size:1rem;color:var(--muted);line-height:1.75;max-width:460px;}
    .hbadge{display:inline-flex;align-items:center;gap:.45rem;background:var(--soft);border:1.5px solid var(--border);border-radius:50px;padding:.3rem .95rem;font-size:.76rem;font-weight:600;color:var(--o);margin-bottom:1.2rem;}
    .dpulse{width:7px;height:7px;border-radius:50%;background:var(--o);animation:plse 1.8s infinite;}
    @keyframes plse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.4}}
    .sbar{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);padding:.5rem .5rem .5rem .9rem;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow);}
    .sbar input,.sbar select{border:none;background:transparent;color:var(--text);font-family:var(--fb);font-size:.9rem;outline:none;}
    .sbar input::placeholder{color:var(--muted);}
    .sdiv{width:1px;height:26px;background:var(--border);flex-shrink:0;}
    .hring{width:380px;height:380px;border-radius:50%;background:var(--grad);opacity:.09;position:absolute;animation:hrng 4s ease-in-out infinite;}
    @keyframes hrng{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
    .hphoto{width:310px;height:310px;object-fit:cover;border-radius:50%;border:6px solid var(--surface);box-shadow:0 20px 55px rgba(255,106,61,.2);position:relative;z-index:1;}
    .hfc{position:absolute;z-index:2;background:var(--card);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:.55rem .85rem;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.45rem;white-space:nowrap;}
    .hfc.f1{top:3%;left:0;animation:fy 3s ease-in-out infinite;}
    .hfc.f2{bottom:8%;right:-3%;animation:fy 3s ease-in-out 1s infinite;}
    .hfc.f3{top:50%;left:-8%;animation:fy2 3.2s ease-in-out .5s infinite;}
    @keyframes fy{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
    @keyframes fy2{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 7px))}}
    .fic{width:26px;height:26px;border-radius:7px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;}

    /* STATS */
    .ststrip{background:var(--grad);padding:1rem 0;color:#fff;}
    .stn{font-family:var(--fh);font-size:1.75rem;font-weight:800;line-height:1;}
    .stl{font-size:.73rem;opacity:.85;margin-top:.1rem;}

    /* PROMO BANNERS */
    .pmini{border-radius:var(--r);overflow:hidden;position:relative;min-height:118px;display:flex;align-items:center;padding:1.1rem 1.4rem;}
    .pmini h5{font-size:1.4rem;font-weight:800;line-height:1.3;}
    .pmini p{font-size:.76rem;opacity:.85;margin:.25rem 0 .55rem;}
    .pmini .la{font-size:.76rem;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;}
    .pbadge{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.2);border-radius:50px;padding:.18rem .55rem;font-size:.7rem;font-weight:700;}
    .pimg{position:absolute;right:0;top:0;height:100%;width:42%;object-fit:cover;opacity:.82;}

    /* QUICK CATS */
    .qrow{display:flex;gap:.9rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none;}
    .qrow::-webkit-scrollbar{display:none;}
    .qi{flex-shrink:0;text-align:center;cursor:pointer;}
    .qbox{width:120px;height:120px;border-radius:16px;border:1.5px solid var(--border);background:var(--card-offwhite);display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin:0 auto .5rem;transition:transform .22s,border-color .22s,box-shadow .22s;box-shadow:var(--shadow);}
    .qi:hover .qbox{transform:translateY(-4px);border-color:var(--o);box-shadow:0 8px 22px rgba(255,106,61,.16);}
    .qn{font-size:.82rem;font-weight:600;color:var(--text);line-height:1.2;max-width:124px;}
    .qbox .icn{width: 60px; height: 60px; object-fit: contain;}

    /* SCROLL CARDS */
    .sscroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.4rem;scrollbar-width:none;}
    .sscroll::-webkit-scrollbar{display:none;}
    .sc{flex-shrink:0;width:165px;border-radius:var(--r);border:1.5px solid var(--border);background:var(--card);box-shadow:var(--shadow);overflow:hidden;transition:transform .24s,box-shadow .24s;cursor:pointer;}
    .sc:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(255,106,61,.14);}
    .sci{width:100%;height:115px;object-fit:cover;background:var(--soft);}
    .scb{padding:.65rem .7rem;}
    .sct{font-family:var(--fh);font-size:.83rem;font-weight:700;line-height:1.25;}
    .scp{font-size:.75rem;color:var(--muted);margin-top:.15rem;}

    /* PERSONAL BANNER */
    .pbanner{border-radius:var(--r);background:var(--grad);overflow:hidden;position:relative;min-height:155px;display:flex;align-items:center;padding:1.6rem 1.8rem;}
    .pbanner h3{font-size:1.55rem;color:#fff;font-weight:800;line-height:1.3;}
    .pbanner p{color:rgba(255,255,255,.85);font-size:.94rem;margin:.25rem 0 .7rem;}
    .pbanner .la{color:#fff;font-weight:700;font-size:.84rem;display:inline-flex;align-items:center;gap:.3rem;}
    .pbimg{position:absolute;right:0;bottom:0;height:100%;width:38%;object-fit:cover;opacity:.88;}
    .pdots{display:flex;gap:.35rem;margin-top:.85rem;}
    .pd{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.38);}
    .pd.active{background:#fff;width:17px;border-radius:4px;}

    /* GRID CARDS */
    .gc{background:var(--card);border-radius:var(--r);border:1.5px solid var(--border);box-shadow:var(--shadow);overflow:hidden;transition:transform .25s,box-shadow .25s;cursor:pointer;}
    .gc:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(255,106,61,.14);}
    .gci{width:100%;height:175px;object-fit:cover;}
    .gcb{padding:.9rem 1rem;}
    .gct{font-family:var(--fh);font-size:.92rem;font-weight:700;}
    .gcp{font-size:.78rem;color:var(--muted);}
    .tbadge{background:rgba(255,106,61,.1);color:var(--o);border-radius:6px;padding:.14rem .48rem;font-size:.7rem;font-weight:700;}

    /* HIW */
    .hcard{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);padding:1.9rem 1.5rem;text-align:center;position:relative;box-shadow:var(--shadow);}
    .hnum{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;background:var(--grad);color:#fff;font-family:var(--fh);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,106,61,.28);}
    .hico{font-size:2rem;margin-bottom:.85rem;}
    .harr{position:absolute;top:50%;right:-20px;transform:translateY(-50%);font-size:1.1rem;color:var(--o);opacity:.4;display:none;}
    @media(min-width:768px){.harr{display:block;}}

    /* PRO CARDS */
    .prc{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;}
    .prc:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(255,106,61,.14);}
    .pri{width:100%;height:188px;object-fit:cover;background:var(--soft);}

    /* DEALS */
    .dc{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s;}
    .dc:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(255,106,61,.13);}
    .dci{width:100%;height:152px;object-fit:cover;}
    .dcb{padding:.9rem 1rem;}
    .disc{display:inline-block;background:var(--grad);color:#fff;border-radius:6px;padding:.16rem .5rem;font-size:.7rem;font-weight:700;margin-bottom:.45rem;}
    .dnow{font-size:.97rem;font-weight:800;color:var(--o);}
    .dwas{font-size:.76rem;color:var(--muted);text-decoration:line-through;}

    /* MEMBERSHIP */
    .mcard{background:var(--grad);border-radius:var(--r);padding:2.2rem 1.8rem;position:relative;overflow:hidden;color:#fff;}
    .mbadge{background:rgba(255,255,255,.18);border:1.5px solid rgba(255,255,255,.3);border-radius:50px;padding:.25rem .85rem;font-size:.76rem;font-weight:700;display:inline-block;margin-bottom:.9rem;}
    .mfeat{display:flex;align-items:center;gap:.45rem;font-size:.83rem;opacity:.9;margin-bottom:.45rem;}
    .mpr{font-family:var(--fh);font-size:2.2rem;font-weight:800;line-height:1;}
    .mpr span{font-size:.88rem;opacity:.75;}

    /* TESTI */
    .tcard{background:var(--card);border:1.5px solid var(--border);border-radius:var(--r);padding:1.7rem;height:100%;box-shadow:var(--shadow);}
    .tq{font-size:2rem;color:var(--o);line-height:1;font-family:Georgia,serif;}
    .ttxt{font-size:.87rem;line-height:1.75;color:var(--muted);}
    .tav{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--soft);}

    /* CITIES */
    .cchip{background:var(--card);border:1.5px solid var(--border);border-radius:50px;padding:.42rem 1.1rem;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.35rem;}
    .cchip:hover{background:var(--soft);border-color:var(--o);color:var(--o);}

    /* TREND TAGS */
    .ttag{background:var(--card);border:1.5px solid var(--border);border-radius:50px;padding:.38rem .95rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.3rem;}
    .ttag:hover{background:var(--soft);border-color:var(--o);color:var(--o);}

    /* TRUST */
    .tritem{text-align:center;padding:1.4rem .9rem;}
    .trico{font-size:2.2rem;margin-bottom:.65rem;}
    .trtit{font-family:var(--fh);font-size:.95rem;font-weight:700;}
    .trtxt{font-size:.8rem;color:var(--muted);line-height:1.65;}

    /* APP SECTION */
    .appsec{padding:4.5rem 0;background:var(--grad);position:relative;overflow:hidden;}
    .appsec::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 90% 50%,rgba(255,255,255,.1),transparent 60%);}
    .abadge{display:inline-flex;align-items:center;gap:.55rem;background:rgba(255,255,255,.14);border:1.5px solid rgba(255,255,255,.28);border-radius:12px;padding:.52rem 1.1rem;color:#fff;font-weight:600;font-size:.87rem;cursor:pointer;transition:background .2s;}
    .abadge:hover{background:rgba(255,255,255,.24);}
    .abadge i{font-size:1.35rem;}
    .aphone{font-size:7rem;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));animation:pflt 3s ease-in-out infinite;}
    @keyframes pflt{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
    .aphone img{width:100%;height:100%;object-fit:contain;}

    /* FAQ */
    .ai{background:var(--card)!important;border:1.5px solid var(--border)!important;border-radius:var(--r)!important;margin-bottom:.6rem;overflow:hidden;}
    .ab{background:var(--card)!important;color:var(--text)!important;font-weight:600;font-family:var(--fh);box-shadow:none!important;font-size:.95rem;}
    .ab:not(.collapsed){color:var(--o)!important;}
    .abb{color:var(--muted);font-size:.87rem;line-height:1.75;background:var(--card);}

    /* FOOTER */
    .foot{background:var(--text);color:rgba(255,255,255,.68);padding:3.8rem 0 1.8rem;}
    [data-theme=dark] .foot{background:#0e0b14;}
    .foot h6{font-family:var(--fh);font-size:.93rem;color:#fff;font-weight:800;margin-bottom:.85rem;}
    .foot a{font-size:.82rem;color:rgba(255,255,255,.58);display:block;margin-bottom:.35rem;transition:color .18s;}
    .foot a:hover{color:var(--o);}
    .sic{width:32px;height:32px;line-height:32px;background:rgba(255,255,255,.09);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.88rem;transition:background .2s,transform .2s;text-align:center;}
    .sic:hover{background:var(--o);transform:scale(1.1);}
    .fbot{border-top:1px solid rgba(255,255,255,.08);padding-top:1.3rem;margin-top:2rem;font-size:.76rem;opacity:.43;}

    /* FLOAT */
    .fbk{position:fixed;bottom:1.4rem;right:1.1rem;z-index:999;display:none;}
    @media(max-width:767px){.fbk{display:block;}}

    /* MODAL */
    .modal-content{background:var(--card);border-radius:var(--r);border:1.5px solid var(--border);}
    .modal-header{border-bottom:1px solid var(--border);}
    .modal-title{font-family:var(--fh);color:var(--text);}
    .form-control,.form-select{background:var(--bg);border-color:var(--border);color:var(--text);border-radius:10px;}
    .form-control:focus,.form-select:focus{box-shadow:0 0 0 3px rgba(255,106,61,.14);border-color:var(--o);background:var(--bg);color:var(--text);}
    .form-label{font-weight:600;font-size:.84rem;color:var(--text);}
    .swiper-pagination-bullet-active{background:var(--o)!important;}
    @media(max-width:575px){.sbar{flex-wrap:wrap;}.sdiv{display:none;}.hphoto{width:240px;height:240px;}.hring{width:290px;height:290px;}}


/* Bottom Nav Container */
.bottom-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  border-radius: 16px 16px 0 0;
  display: none;
  padding: 14px 10px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
  height: 90px;
  z-index: 99;
}

/* Normal Items */
.nav-item {
  text-align: center;
  color: #888;
  font-size: 13px;
  width: 20%;
}

.nav-item .icon {
  display: block;
  /* font-size: 20px; */
  margin-bottom: 4px;
}

/* Center Floating */
.nav-center {
  position: relative;
  top: -30px;
  text-align: center;
}

.center-btn {
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #ff7a3d, #f7b733);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 26px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.nav-center p {
  margin-top: 6px;
  font-size: 13px;
  color: #ff5e57;
}

/* Active state (optional) */
.nav-item.active {
  color: #ff5e57;
}
@media(max-width:575px){
    .bottom-nav{display: flex;
  justify-content: space-between;
  align-items: center;}
}