:root{--bg:#130a2f;--bg2:#1b0f42;--card:#24135c;--accent:#4f8bff;--text:#e9e8ff;--muted:#b9b6e8}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg),#12072b);color:var(--text);font:15px/1.4 Inter,system-ui,Segoe UI,Roboto,sans-serif}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,94%);margin:0 auto}
.row{display:flex}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}.gap-sm{gap:12px}.mt{margin-top:20px}
.topbar{position:sticky;top:0;background:rgba(16,9,39,.88);backdrop-filter:blur(6px);border-bottom:1px solid #2b1d66;z-index:10}
.topbar .container{padding:10px 0}
.logo{width:28px;height:28px;border-radius:8px}.brand{font-weight:700;margin-left:8px}
.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:linear-gradient(135deg,#6a72ff,#4f8bff);font-weight:700}
.btn.ghost{background:transparent;border:1px solid #4b3f83}.btn.big{padding:12px 22px}
.hero{padding:42px 0 24px;gap:20px}.hero-text{max-width:560px}.hero h1{margin:0 0 12px;font-size:36px}.hero p{margin:0 0 18px;color:var(--muted)}
.hero-visual{width:290px;height:190px;border-radius:18px;background:radial-gradient(circle at 20% 20%,#3f2a8f,#1a1142);display:grid;place-items:center;border:1px solid #352b70}
.hero-visual img{width:96px;opacity:.95}
.filters{padding:8px 0 18px}.chip{padding:9px 12px;border:1px solid #45397d;border-radius:10px;background:#1b1144}
h2{margin:8px 0 14px;font-size:24px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.card{background:linear-gradient(165deg,#2a1a68,#1b1144);border:1px solid #403579;border-radius:14px;height:220px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:.2s transform;position:relative}
.card img{width:100%;height:160px;object-fit:cover;object-position:center;display:block}
.card span{display:block;padding:10px 10px 12px;font-size:14px;text-align:center}
.card:hover{transform:translateY(-2px)}
.card-overlay{display:none;position:absolute;inset:0;background:rgba(12,8,34,.65);backdrop-filter:blur(3px);align-items:center;justify-content:center}
.card:hover .card-overlay{display:flex}
.overlay-btn{background:linear-gradient(135deg,#6a72ff,#4f8bff);padding:8px 12px;border-radius:10px;color:#fff;font-weight:700;font-size:12px}
.seo-body-inline{max-width:100%;margin:16px 0 6px;padding:0 2px;color:#b9b6e8;font-size:14px}
.footer{margin-top:18px;padding:26px 0;border-top:1px solid #2e2269;background:#120a30}.muted{color:var(--muted)}.copy{margin-top:16px;color:#b0aadf;font-size:13px}
@media (max-width:820px){.hero{flex-direction:column;align-items:flex-start}.hero-visual{width:100%}.hero h1{font-size:30px}}
@media (max-width:560px){.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{height:190px}.card img{height:130px}.card span{font-size:12px}}

/* Placeholder unique classes */
.absolute-u7{}
.backdrop-filter-u7{}
.bg-ne-bg-3-u7{}
.big-u7{}
.card-u7{}
.cards-u7{}
.chip-u7{}
.filters-u7{}
.footer-u7{}
.ghost-u7{}
.h-[calc(100%-50px)]-u7{}
.hero-text-u7{}
.hidden-u7{}
.justify-center-u7{}
.logo-u7{}
.mt-u7{}
.overlay-btn-u7{}
.py-ne-4-u7{}
.rounded-[16px]-u7{}
.text-center-u7{}
.topbar-u7{}
.w-full-u7{}
img{max-width:100%;height:auto;}html,body{overflow-x:hidden;}