:root{--cat-ink:#160d2c;--cat-purple:#713df2;--cat-violet:#9a5cff;--cat-soft:#f6f3ff;--cat-border:#e4def3;--cat-green:#12b981;--cat-yellow:#f5c842}
.catalog-hero h1{color:#fff}
.catalog-cta h2{color:#fff;overflow-wrap:break-word}
.catalog-cta .container>div:first-child{min-width:0}
*{box-sizing:border-box}.navbar{position:relative}.nav-price-cta.active{color:var(--cat-purple)!important;background:#f2edff!important;border-color:#d8cbff!important}.catalog-hero{position:relative;overflow:hidden;padding:clamp(7rem,12vw,10rem) 0 clamp(5rem,9vw,8rem);background:radial-gradient(circle at 80% 10%,rgba(125,70,248,.16),transparent 30%),linear-gradient(135deg,#0c0717 0%,#170a2d 54%,#211049 100%);color:#fff}.catalog-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000 35%,#000)}.catalog-hero-inner{position:relative;z-index:2;text-align:center;max-width:1000px}.catalog-kicker{display:inline-flex;align-items:center;gap:.65rem;font:700 .74rem/1 Inter,sans-serif;letter-spacing:.18em}.catalog-kicker i{width:30px;height:2px;background:linear-gradient(90deg,var(--cat-purple),#c269ff)}.catalog-hero h1{margin:1.6rem auto 1.25rem;max-width:900px;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(3rem,6.3vw,6.4rem);line-height:.98;letter-spacing:-.065em}.catalog-hero h1 em{font-style:normal;background:linear-gradient(90deg,#d7b2ff,#ffbdda 46%,#ffdc75);-webkit-background-clip:text;color:transparent}.catalog-hero p{max-width:720px;margin:0 auto;color:#cfc7dd;font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.8}.catalog-trust{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2.4rem;color:#aaa0bb;font-size:.86rem}.catalog-trust span{display:flex;align-items:center;gap:.55rem}.live-dot{width:8px;height:8px;background:#20d49a;border-radius:50%;box-shadow:0 0 0 6px rgba(32,212,154,.11)}.catalog-orb{position:absolute;border-radius:50%;filter:blur(1px)}.catalog-orb-a{width:340px;height:340px;right:-120px;top:80px;border:1px solid rgba(154,92,255,.28);box-shadow:0 0 90px rgba(113,61,242,.16)}.catalog-orb-b{width:190px;height:190px;left:-70px;bottom:-50px;border:1px solid rgba(245,200,66,.15)}.catalog-section{padding:clamp(4.5rem,8vw,8rem) 0;background:linear-gradient(180deg,#faf9ff,#fff 50%,#f8f6ff)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.catalog-label{font-size:.72rem;font-weight:800;letter-spacing:.17em;color:var(--cat-purple)}.catalog-toolbar h2{font-family:"Plus Jakarta Sans";font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.04em;margin:.55rem 0 0;color:var(--cat-ink)}.catalog-search{width:min(100%,420px);display:flex;align-items:center;gap:.8rem;padding:1rem 1.1rem;background:#fff;border:1px solid var(--cat-border);border-radius:16px;box-shadow:0 14px 38px rgba(42,24,78,.06)}.catalog-search svg{width:21px;fill:none;stroke:#847b98;stroke-width:2}.catalog-search input{border:0;outline:0;width:100%;font:500 .95rem Inter;background:transparent;color:var(--cat-ink)}.category-pills{display:flex;gap:.65rem;overflow-x:auto;padding:.3rem 0 1.25rem;scrollbar-width:thin}.category-pills button{white-space:nowrap;border:1px solid var(--cat-border);background:#fff;color:#60586d;padding:.7rem 1rem;border-radius:999px;font:700 .78rem Inter;cursor:pointer;transition:.2s}.category-pills button span{margin-left:.4rem;color:#9a91a8}.category-pills button:hover,.category-pills button.active{border-color:var(--cat-purple);background:var(--cat-purple);color:#fff;box-shadow:0 10px 25px rgba(113,61,242,.2)}.category-pills button.active span{color:#e7ddff}.catalog-results-meta{display:flex;justify-content:space-between;padding:1rem 0 1.2rem;color:#81788e;font-size:.82rem}.catalog-results-meta strong{color:var(--cat-ink)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.catalog-card{position:relative;display:flex;flex-direction:column;min-height:300px;padding:1.45rem;background:#fff;border:1px solid var(--cat-border);border-radius:22px;box-shadow:0 16px 38px rgba(28,15,55,.055);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.catalog-card:hover{transform:translateY(-4px);border-color:#cdbcf7;box-shadow:0 22px 48px rgba(55,27,107,.11)}.catalog-card[hidden]{display:none}.card-top{display:flex;align-items:center;justify-content:space-between}.operator-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#f5f0ff,#fff);border:1px solid #e5dafd;font-size:.73rem;font-weight:800;color:var(--cat-purple);text-transform:uppercase}.status-public{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .68rem;border-radius:99px;background:#f0faf7;color:#087f5b;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.status-public i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-gangguan{background:#fff2ef;color:#d64532}.status-kosong{background:#f3f1f6;color:#756d81}.card-category{display:block;margin-top:1.4rem;color:#81788f;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.catalog-card h3{margin:.55rem 0 .7rem;color:var(--cat-ink);font:700 1.05rem/1.5 "Plus Jakarta Sans"}.catalog-card p{margin:0;color:#756d83;font-size:.83rem;line-height:1.6}.card-bottom{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-top:auto;padding-top:1.6rem;border-top:1px solid #eeeaf5}.card-bottom>div{display:flex;flex-direction:column;gap:.35rem}.card-bottom small{font-size:.6rem;letter-spacing:.1em;color:#9b93a8;font-weight:800}.card-bottom strong{color:#393047;font-size:.83rem}.card-price{text-align:right}.card-price strong{font-size:1.18rem;color:var(--cat-purple)}.card-price sup{font-size:.62rem;margin-right:.18rem}.card-price .contact-price{font-size:.83rem}.card-badge{position:absolute;right:-35px;top:25px;transform:rotate(45deg);width:140px;padding:.38rem;text-align:center;background:linear-gradient(90deg,#ffd95a,#ffb83e);color:#3b2900;font-size:.58rem;font-weight:900;text-transform:uppercase}.catalog-empty,.catalog-no-result{text-align:center;padding:5rem 1rem;border:1px dashed #d8cfeb;border-radius:26px;background:rgba(255,255,255,.7)}.catalog-empty h2,.catalog-no-result h3{font-family:"Plus Jakarta Sans";color:var(--cat-ink)}.catalog-empty p,.catalog-no-result p{color:#756d83}.empty-mark{display:flex;justify-content:center;gap:.45rem}.empty-mark span{width:12px;height:12px;border-radius:50%;background:var(--cat-purple)}.empty-mark span:nth-child(2){background:var(--cat-yellow)}.empty-mark span:nth-child(3){background:var(--cat-green)}.catalog-primary{display:inline-flex;margin-top:1rem;background:var(--cat-purple);color:#fff;padding:.9rem 1.2rem;border-radius:12px;font-weight:700}.catalog-cta{padding:5rem 0;background:#130a25;color:#fff}.catalog-cta .container{display:flex;align-items:end;justify-content:space-between;gap:3rem}.catalog-cta h2{max-width:700px;margin:1rem 0;font-family:"Plus Jakarta Sans";font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.05;letter-spacing:-.05em}.catalog-cta p{max-width:650px;color:#bdb4cb;line-height:1.7}.cta-actions{display:flex;gap:.8rem;flex-shrink:0}.cta-actions a{padding:1rem 1.25rem;border-radius:13px;background:var(--cat-purple);color:#fff;font-weight:800}.cta-actions a.secondary{background:transparent;border:1px solid #4a3b62}.catalog-footer{padding:1.3rem 0;background:#0b0614;color:#968ca5}.catalog-footer .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.75rem}.footer-mini-brand{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:800}.footer-mini-brand img{width:30px}.catalog-footer a{color:#bca8e8}@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar,.catalog-cta .container{align-items:stretch;flex-direction:column}.catalog-search{width:100%;max-width:none}.cta-actions{align-self:flex-start}}@media(max-width:600px){.catalog-hero{padding-top:6rem}.catalog-grid{grid-template-columns:1fr}.catalog-card{min-height:280px}.catalog-footer .container{flex-direction:column;text-align:center}.catalog-cta{padding:4rem 0}.cta-actions{width:100%}.cta-actions a{flex:1;text-align:center}}

