:root{--bg:#0A0A0A;--bg-card:#141414;--bg-el:#1A1A1A;--gold:#C9A84C;--gold-l:#E5C87A;--gold-d:#A08236;--green:#22C55E;--green-d:#166534;--orange:#F59E0B;--red:#EF4444;--purple:#7C3AED;--text:#FFF;--text-d:#D1D5DB;--muted:#9CA3AF;--border:#2A2A2A;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow:0 8px 24px rgba(0,0,0,.45);--shadow-lg:0 20px 50px rgba(0,0,0,.55);--transition:all .2s ease}
*{margin:0;padding:0;box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55;min-height:100vh;position:relative}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle 900px at 50% -120px,rgba(201,168,76,.18),transparent 70%),radial-gradient(circle 700px at 85% 15%,rgba(229,200,122,.12),transparent 60%),radial-gradient(circle 650px at 10% 30%,rgba(245,158,11,.1),transparent 60%),radial-gradient(ellipse 90% 55% at 50% 110%,rgba(201,168,76,.14),transparent 70%);pointer-events:none}
body::after{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(to right,rgba(201,168,76,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(201,168,76,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 95% 95% at 50% 35%,black 45%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 95% 95% at 50% 35%,black 45%,transparent 90%);pointer-events:none}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Header */
header{position:sticky;top:0;z-index:100;background:rgba(20,20,20,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}
.hdr{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px;gap:20px}
.logo{font-size:18px;font-weight:800;white-space:nowrap;letter-spacing:-.3px}
.logo span{color:var(--gold)}
nav{display:flex;align-items:center;gap:4px}
nav a{padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--muted);transition:var(--transition);white-space:nowrap}
nav a:hover,nav a.act{background:var(--bg-card);color:var(--text)}
.soon{font-size:10px;color:var(--muted);vertical-align:super;margin-left:3px}
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:0}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--text);border-radius:1px;transition:var(--transition)}
.nav-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.btn-gold,.btn{background:var(--gold);color:#000;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;white-space:nowrap;border:none;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:var(--transition)}
.btn-gold:hover,.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn-out{background:var(--bg-el);color:var(--text);border:1px solid var(--border)}
.btn-out:hover{border-color:var(--gold);color:var(--gold);filter:none}
.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}
.btn-ghost:hover{color:var(--gold);border-color:var(--gold);filter:none}
.btn-sm{padding:6px 12px;font-size:12px}

/* Hero */
.hero{position:relative;padding:72px 24px 56px;text-align:center}
.hero h1{font-size:clamp(28px,5vw,52px);font-weight:800;letter-spacing:-1px;margin-bottom:12px;background:linear-gradient(135deg,#fff 30%,var(--gold-l) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold-l) 0%,var(--gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{font-size:17px;color:var(--muted);margin-bottom:32px}
.hero-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.hero-stats{display:flex;gap:28px;flex-wrap:wrap}
.search{max-width:600px;margin:0 auto 36px;background:var(--bg-el);border:1px solid rgba(201,168,76,.35);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.45),0 0 24px rgba(201,168,76,.12);backdrop-filter:blur(12px)}
.search form{display:flex;width:100%;margin:0}
.search input{flex:1;background:none;border:none;outline:none;padding:14px 20px;font-size:15px;color:var(--text);font-family:inherit;min-width:0}
.search input::placeholder{color:var(--muted)}
.search button{flex-shrink:0;background:var(--gold);color:#000;border:none;padding:14px 24px;font-size:14px;font-weight:700;cursor:pointer;transition:var(--transition)}
.search button:hover{filter:brightness(1.12)}
.stats{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 22px;text-align:center;min-width:120px}
.stat .n{font-size:28px;font-weight:800;color:var(--gold-l)}
.stat .l{font-size:12px;color:var(--muted);margin-top:3px}

/* Sections */
section{padding:40px 0}
.page-head{background:var(--bg-card);border-bottom:1px solid var(--border);padding:36px 0}
.page-head h1{font-size:clamp(24px,4vw,34px);font-weight:800;margin-bottom:6px}
.page-head h1 em{color:var(--gold);font-style:normal}
.page-head p{color:var(--muted);font-size:14px}
.sec-title{font-size:22px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px}
.sec-title em{color:var(--gold);font-style:normal}
.sec-link{font-size:13px;color:var(--gold);margin-left:auto;white-space:nowrap}
.sec-link:hover{text-decoration:underline}
.top5-section{margin:36px 0}
.desktop-only{display:inline-flex}
@media(max-width:768px){.desktop-only{display:none}}

/* Filters */
.filter-box{background:rgba(18,18,24,.65);backdrop-filter:blur(12px);border:1px solid rgba(201,168,76,.18);border-radius:16px;padding:14px 18px;margin-bottom:28px;box-shadow:0 8px 24px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:12px}
.filter-box.centered{text-align:center;align-items:center}
.filter-group{width:100%;display:flex;flex-direction:column;align-items:center}
.filter-group:not(:last-child){padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4px}
.filter-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gold-l);margin-bottom:8px;display:inline-flex;align-items:center;justify-content:center;gap:4px;opacity:.85}
.filter-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.filter-box.centered .filter-row{justify-content:center;width:100%}
.filter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gold-l);margin-right:4px;display:inline-flex;align-items:center;gap:4px;flex-shrink:0;min-width:auto}
.city-row .fc,.cat-row .fc,.cond-row .fc,.fc,.filter-chip{padding:6px 12px;border-radius:10px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#D1D5DB;transition:all .15s ease;white-space:nowrap;user-select:none;gap:4px}
.city-row .fc{border-radius:16px}
.city-row .fc:hover,.cat-row .fc:hover,.cond-row .fc:hover,.fc:hover{border-color:var(--gold);color:#FFF;background:rgba(201,168,76,.12);transform:translateY(-1px)}
.city-row .fc.act,.city-row .fc.active{background:linear-gradient(135deg,#FFD700 0%,#C9A84C 100%)!important;color:#000!important;border-color:transparent!important;font-weight:700;box-shadow:0 2px 10px rgba(201,168,76,.3)}
.cat-row .fc.act,.cat-row .fc.active,.cond-row .fc.act,.cond-row .fc.active,.fc.act,.fc.active{background:rgba(201,168,76,.16)!important;border-color:var(--gold)!important;color:var(--gold-l)!important;font-weight:600;box-shadow:0 0 10px rgba(201,168,76,.15)}
.cat-count{font-size:10px;background:rgba(255,255,255,.1);padding:1px 6px;border-radius:8px;margin-left:2px}
.filter-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;align-items:center}
.filter-toolbar.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.filter-toolbar.horizontal-scroll::-webkit-scrollbar{display:none}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center}
.cat-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;align-items:center}
.cat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border);font-size:13px;color:var(--muted);cursor:pointer;transition:var(--transition);background:var(--bg-card);white-space:nowrap;user-select:none}
.cat-count{font-size:11px;background:rgba(255,255,255,.08);padding:2px 7px;border-radius:10px;margin-left:3px}
.fc,.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:1px solid var(--border);font-size:13px;color:var(--muted);cursor:pointer;transition:var(--transition);background:var(--bg-card);white-space:nowrap;user-select:none}
.fc:hover,.fc.act,.fc.active,.filter-chip:hover,.filter-chip.act,.filter-chip.active,.cat-chip:hover,.cat-chip.act,.cat-chip.active{border-color:var(--gold);background:rgba(201,168,76,.12);color:var(--gold-l)}
.filter-group-label{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:12px 0 6px}
.filter-reset{margin-left:auto;color:var(--muted);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.filter-reset:hover{color:var(--gold)}
.filter-reset.hidden{display:none}

.empty-state{padding:48px 24px;text-align:center;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg)}
.empty-state h4{font-size:16px;font-weight:700;margin-bottom:8px;color:var(--text)}
.empty-state p{font-size:14px;color:var(--muted);margin-bottom:16px}
.empty-state .btn{margin-top:4px}

/* Grids */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.top-spotlight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;margin-bottom:36px}

/* Cards */
.card,.studio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);cursor:pointer;display:flex;flex-direction:column}
.card:hover,.studio-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow),0 0 30px rgba(201,168,76,.12)}
.card.top,.card.featured,.studio-card.top,.studio-card.featured{border-color:var(--gold);background:linear-gradient(145deg,rgba(201,168,76,.1) 0%,var(--bg-card) 60%);position:relative}
.card.top::before,.card.featured::before,.studio-card.top::before,.studio-card.featured::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-l),var(--gold),var(--gold-l));border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);z-index:5}
.card.top-rank-1::before,.card.top-rank-2::before,.card.top-rank-3::before,.studio-card.top-rank-1::before,.studio-card.top-rank-2::before,.studio-card.top-rank-3::before{display:none!important}
.card.top-rank-1,.card.top-rank-2,.card.top-rank-3,.studio-card.top-rank-1,.studio-card.top-rank-2,.studio-card.top-rank-3{background:var(--bg-card)!important}

/* ── VIP TOP-3 DISTINCT FRAMES ── */
@keyframes shimmerLight{0%{transform:translateX(-250%) skewX(-20deg);opacity:0}5%{opacity:.18}25%{opacity:.18}30%,100%{transform:translateX(450%) skewX(-20deg);opacity:0}}

/* #1 — Gold Crown */
.card.top-rank-1,.studio-card.top-rank-1{border:3px solid transparent!important;background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(135deg,#FFE58F 0%,#C9A84C 40%,#FFD700 60%,#8C6F2D 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 0 20px 3px rgba(201,168,76,.35),0 12px 36px rgba(201,168,76,.2)!important;position:relative;overflow:hidden}
.card.top-rank-1::after,.studio-card.top-rank-1::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,235,160,.18),transparent);animation:shimmerLight 8s infinite ease-in-out;pointer-events:none;z-index:4;will-change:transform}
.b.rank-badge-1,.badge.rank-badge-1{background:linear-gradient(135deg,#FFE58F 0%,#C9A84C 50%,#FFD700 100%)!important;color:#111!important;font-weight:900!important;font-size:11px!important;padding:5px 12px!important;border-radius:6px!important;box-shadow:0 4px 14px rgba(201,168,76,.5)!important;letter-spacing:.5px!important}

/* #2 — Silver */
.card.top-rank-2,.studio-card.top-rank-2{border:3px solid transparent!important;background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(135deg,#F8FAFC 0%,#CBD5E1 40%,#E2E8F0 60%,#64748B 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 0 16px 2px rgba(148,163,184,.25),0 10px 30px rgba(148,163,184,.15)!important;position:relative;overflow:hidden}
.card.top-rank-2::after,.studio-card.top-rank-2::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(226,232,240,.12),transparent);animation:shimmerLight 10s infinite ease-in-out;pointer-events:none;z-index:4;will-change:transform}
.b.rank-badge-2,.badge.rank-badge-2{background:linear-gradient(135deg,#F8FAFC 0%,#94A3B8 50%,#E2E8F0 100%)!important;color:#0f172a!important;font-weight:800!important;font-size:11px!important;padding:5px 12px!important;border-radius:6px!important;box-shadow:0 4px 12px rgba(148,163,184,.4)!important}

/* #3 — Bronze */
.card.top-rank-3,.studio-card.top-rank-3{border:3px solid transparent!important;background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(135deg,#FDBA74 0%,#D97706 40%,#F59E0B 60%,#78350F 100%)!important;background-origin:border-box!important;background-clip:padding-box,border-box!important;box-shadow:0 0 16px 2px rgba(217,119,6,.25),0 10px 30px rgba(217,119,6,.15)!important;position:relative;overflow:hidden}
.card.top-rank-3::after,.studio-card.top-rank-3::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(251,146,60,.14),transparent);animation:shimmerLight 11s infinite ease-in-out;pointer-events:none;z-index:4;will-change:transform}
.b.rank-badge-3,.badge.rank-badge-3{background:linear-gradient(135deg,#FDBA74 0%,#D97706 50%,#F59E0B 100%)!important;color:#111!important;font-weight:800!important;font-size:11px!important;padding:5px 12px!important;border-radius:6px!important;box-shadow:0 4px 12px rgba(217,119,6,.4)!important}
.card.verified{border-color:rgba(34,197,94,.35)}
.card.unverified{opacity:.9;border-color:rgba(245,158,11,.25)}
.card-screen{width:100%;height:170px;overflow:hidden;position:relative;background:var(--bg-el)}
.card-screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s}
.card:hover .card-screen img{transform:scale(1.04)}
.card-screen .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(0,0,0,.65))}
.badges,.card-badges{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;gap:5px;align-items:flex-end;z-index:2}
.b,.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}
.b-top,.badge-top{background:var(--gold);color:#000}
.b-ok,.badge-verified,.badge-ok{background:var(--green);color:#000}
.b-new,.badge-new{background:var(--purple);color:#fff}
.b-hot,.badge-hot{background:var(--red);color:#fff}
.b-warn,.badge-warn{background:rgba(245,158,11,.15);color:var(--orange);border:1px solid var(--orange)}
.card-body{padding:14px 18px 18px;display:flex;flex-direction:column;flex:1}
.cb{padding:14px 18px 18px;display:flex;flex-direction:column;flex:1}
.rating{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.stars{color:var(--gold);font-size:13px;letter-spacing:1px}
.stars .dim{color:#555}
.rn{font-size:13px;font-weight:700}
.rc{font-size:11px;color:var(--muted)}
.cname{font-size:17px;font-weight:700;margin-bottom:2px}
.cloc{font-size:12px;color:var(--muted);margin-bottom:8px}
.csal{font-size:15px;font-weight:700;color:var(--gold-l);margin-bottom:3px}
.cver{font-size:12px;margin-bottom:14px;color:var(--green)}
.cver.ok{color:var(--green)}.cver.warn{color:var(--orange)}.cver.pend{color:var(--muted)}.cver.p{color:var(--muted)}
.acts,.card-actions{display:flex;gap:8px;margin-top:auto}
.btn-tg{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:var(--radius-sm);background:rgba(42,171,238,.12);border:1px solid rgba(42,171,238,.35);color:#2AABEE;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;cursor:pointer;transition:all .2s ease;text-decoration:none;flex-shrink:0;position:relative}
.btn-tg::before{content:"";display:block;width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.69-.52.36-1 .54-1.42.53-.47-.01-1.37-.26-2.05-.48-.82-.27-1.47-.42-1.42-.88.03-.24.37-.49 1.02-.75 3.99-1.74 6.66-2.89 8.01-3.46 3.81-1.6 4.6-1.88 5.12-1.89.11 0 .37.03.54.17.14.12.18.28.2.45-.01.07.01.23 0 .28z'/%3E%3C/svg%3E") no-repeat center/contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69.01-.03.01-.14-.07-.2-.08-.06-.19-.04-.27-.02-.12.02-1.96 1.25-5.54 3.69-.52.36-1 .54-1.42.53-.47-.01-1.37-.26-2.05-.48-.82-.27-1.47-.42-1.42-.88.03-.24.37-.49 1.02-.75 3.99-1.74 6.66-2.89 8.01-3.46 3.81-1.6 4.6-1.88 5.12-1.89.11 0 .37.03.54.17.14.12.18.28.2.45-.01.07.01.23 0 .28z'/%3E%3C/svg%3E") no-repeat center/contain;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-indent:0}
.btn-tg:hover{border-color:#2AABEE;color:#fff;background:#2AABEE;transform:translateY(-2px);box-shadow:0 4px 14px rgba(42,171,238,.45)}
.btn-more{flex:1;background:var(--bg-el);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-align:center;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}
.btn-more:hover{border-color:var(--gold);color:var(--gold)}

/* Vacancy cards */
.vac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.vc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;transition:var(--transition);display:flex;flex-direction:column;height:100%}
.vc:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.vc.feat{background:linear-gradient(145deg,rgba(201,168,76,.1) 0%,var(--bg-card) 60%);border-color:var(--gold)}
.vc-studio{font-size:11px;color:var(--muted);margin-bottom:3px}
.vc-title{font-size:15px;font-weight:700;margin-bottom:4px}
.vc-sal{font-size:14px;font-weight:700;color:var(--gold-l);margin-bottom:12px}
.btn-apply{flex:1;background:var(--gold);color:#000;border:none;padding:10px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;transition:var(--transition);text-align:center}
.btn-apply:hover{filter:brightness(1.1)}
.vc-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.vc-logo{width:46px;height:46px;border-radius:var(--radius-md);background:var(--bg-el);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:var(--gold);flex-shrink:0;border:1px solid var(--border)}
.vc-loc{font-size:12px;color:var(--muted);margin-top:2px}
.vc-meta{flex:1;min-width:0}
.vc-badges{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex-shrink:0}
.vc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.vt{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--muted);white-space:nowrap}
.vt.b-office{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:#4ADE80}
.vt.b-home{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);color:#60A5FA}
.vc-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vc-acts{display:flex;gap:10px;margin-top:auto;align-items:center}
.vc-acts .btn-apply:only-child{flex:1 1 100%}
.btn-detail{flex:1;background:var(--bg-el);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-align:center;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}
.btn-detail:hover{border-color:var(--gold);color:var(--gold)}
.vac-sec-header{margin-top:36px;margin-bottom:20px}
.vac-sec-header h2{font-size:22px;font-weight:800;display:flex;align-items:center;gap:10px}
.vac-sec-header h2 em{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.35);font-size:19px;box-shadow:0 0 12px rgba(201,168,76,.2);color:var(--gold)}
.count-badge{font-size:12px;font-weight:800;padding:3px 10px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:var(--gold);margin-left:4px}

/* B2B / promo */
.b2b{background:linear-gradient(135deg,rgba(201,168,76,.12) 0%,var(--bg-card) 70%);border:1px solid var(--gold);border-radius:var(--radius-lg);padding:48px;text-align:center;margin:48px 0;box-shadow:var(--shadow-lg),0 0 35px rgba(201,168,76,.12)}
.b2b h2{font-size:26px;font-weight:800;margin-bottom:8px}
.b2b p{color:var(--muted);margin-bottom:4px}
.b2b .price{color:var(--gold-l);font-weight:700;font-size:16px;margin-bottom:24px}

/* How it works */
.how{background:var(--bg-el);padding:56px 24px}
.how-inner{max-width:1200px;margin:0 auto}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}
.step{text-align:center;padding:28px 20px}
.step-n{width:52px;height:52px;border-radius:50%;background:var(--gold);color:#000;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.step h3{font-size:16px;font-weight:700;margin-bottom:6px}
.step p{font-size:13px;color:var(--muted)}

/* Footer */
footer{border-top:1px solid var(--border);padding:32px 24px;text-align:center;margin-top:40px}
.flogo{font-size:16px;font-weight:800;margin-bottom:14px}
.flogo span{color:var(--gold)}
.fcities{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.fcities a{font-size:13px;color:var(--muted);transition:color .2s}
.fcities a:hover{color:var(--gold)}
.fcopy{font-size:11px;color:var(--muted)}

/* Utility states */
.empty{padding:48px 24px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius-lg)}
.skeleton{background:linear-gradient(90deg,var(--bg-el) 25%,#252525 50%,var(--bg-el) 75%);background-size:200% 100%;animation:skeleton 1.4s infinite;border-radius:var(--radius-sm)}
@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}
.loading-grid .skeleton{height:260px}
.error-state{padding:40px 24px;text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}
.error-state h3{font-size:16px;margin-bottom:8px}
.error-state p{font-size:13px;color:var(--muted)}

/* Breadcrumb */
.breadcrumb{padding:14px 0;font-size:13px;color:var(--muted)}
.breadcrumb a{color:var(--gold)}
.breadcrumb span{margin:0 6px}

/* SEO text */
.seo-text{background:var(--bg-el);border:1px solid var(--border);border-radius:var(--radius-md);padding:28px;margin:36px 0}
.seo-text h2{font-size:19px;font-weight:700;margin-bottom:12px;color:var(--gold)}
.seo-text p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:10px}
.seo-text ul{padding-left:18px;color:var(--muted);font-size:14px;line-height:1.8}

/* Comparison / top-10 table */
.compare-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:8px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}
.compare-table th{text-align:left;padding:12px 16px;font-size:12px;color:var(--muted);background:var(--bg-card);border-bottom:1px solid var(--border);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.compare-table td{padding:14px 16px;font-size:13px;background:var(--bg-el);border-bottom:1px solid var(--border);transition:background .15s}
.compare-table tr:last-child td{border-bottom:none}
.compare-table tr:hover td{background:rgba(201,168,76,.04)}
.compare-table tr:nth-child(1) td{background:rgba(201,168,76,.06)}
.compare-table tr:nth-child(2) td{background:rgba(201,168,76,.03)}
.compare-table tr:nth-child(3) td{background:rgba(201,168,76,.02)}
.compare-table .check{color:var(--green)}
.compare-table .cross{color:var(--muted)}
.compare-table td.sal{color:var(--gold-l);font-weight:700}
.compare-table td.rat{color:var(--gold-l);font-weight:700}

/* Responsive */
@media(max-width:900px){
  .steps{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr}
  .top-spotlight-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-toggle{display:flex}
  nav{position:fixed;top:64px;left:0;right:0;bottom:0;background:rgba(10,10,10,.98);backdrop-filter:blur(16px);flex-direction:column;align-items:stretch;padding:20px 24px;gap:6px;transform:translateX(100%);transition:transform .25s ease;z-index:99}
  nav.open{transform:translateX(0)}
  nav a{padding:14px 12px;font-size:15px;border-radius:var(--radius-sm)}
  nav a.act{background:var(--gold);color:#000}
  .hero{padding:56px 16px 40px}
  .hero-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .hero-stats{width:100%;justify-content:space-between;gap:10px}
  .stat{padding:12px 16px;min-width:100px}
  .stat .n{font-size:24px}
  .filter-toolbar,.filters,.cat-chips{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .filter-toolbar::-webkit-scrollbar,.filters::-webkit-scrollbar,.cat-chips::-webkit-scrollbar{display:none}
  .b2b{padding:32px 20px}
}
@media(max-width:480px){
  .stats{gap:10px}
  .stat{flex:1;min-width:auto}
  .fc,.filter-chip,.cat-chip{padding:7px 12px;font-size:12px}
  .search button{padding:12px 16px}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}