:root{--g:linear-gradient(120deg,#ff2d95,#8b5cf6 50%,#22d3ee)}
*{box-sizing:border-box}body{margin:0;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;background:#f3f1f8;color:#1b1828;line-height:1.5}
a{color:#7c3aed}.top{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0b0a12}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:700;font-size:17px}.brand b{background:var(--g);-webkit-background-clip:text;color:transparent}
.app{background:var(--g);color:#fff;text-decoration:none;font-weight:700;font-size:13px;padding:8px 14px;border-radius:12px}
main{max-width:720px;margin:auto;padding:14px 18px 30px}.crumb{font-size:13px;color:#6b6680}
h1{font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:10px 0}.intro{font-size:15.5px;color:#3a3550}.cnt{font-size:13px;color:#6b6680}
.nav{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.nav b{width:100%;font-size:13px}.nav a{background:#fff;border:1px solid #e3dfee;border-radius:12px;padding:7px 12px;font-size:13.5px;font-weight:600;text-decoration:none;color:#2a2440}
.card{background:linear-gradient(180deg,#1b1828,#15131f);color:#f4f2fb;border-radius:20px;padding:16px;margin:12px 0;box-shadow:0 8px 24px #1b182833}
.card.feat{border:1.5px solid transparent;background:linear-gradient(#1b1828,#15131f) padding-box,var(--g) border-box}
.hd{display:flex;gap:12px;align-items:center}.av img,.av span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:800;color:#fff;object-fit:cover;background:#fff}
.nm{flex:1;min-width:0}.nm h2{font-size:17px;margin:0}.nm p{margin:0;font-size:13px;color:#9a95ad}
em{font-style:normal;font-size:11px;font-weight:700;padding:4px 8px;border-radius:99px}.fe{background:var(--g)}.ve{background:#34d39922;color:#34d399}
.ds{font-size:14.5px;color:#d9d5e6;margin:10px 0 6px}.ad{font-size:13px;color:#9a95ad;margin:0 0 6px}
.tg{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.t{font-size:12px;color:#cfcadf;background:#ffffff12;padding:3px 9px;border-radius:99px;text-decoration:none}
.bs{display:flex;flex-wrap:wrap;gap:8px}.b{color:#fff;text-decoration:none;font-weight:700;font-size:13.5px;padding:9px 14px;border-radius:12px;background:#ffffff18}.b.wa{background:#22c55e}
.cta{background:#fff;border-radius:20px;padding:18px;margin:22px 0;border:1px solid #e3dfee}.cta h2,.more h2{font-size:19px;margin:0 0 6px}
.btn{display:inline-block;background:var(--g);color:#fff;text-decoration:none;font-weight:700;padding:11px 18px;border-radius:14px}
.more h2{margin-top:18px}footer{text-align:center;font-size:13px;color:#6b6680;padding:10px 18px 30px}

.card.prem{border:2px solid transparent;background:linear-gradient(#1b1828,#15131f) padding-box,linear-gradient(135deg,#fde68a,#f59e0b,#d97706) border-box;box-shadow:0 12px 40px #f59e0b40;overflow:hidden}
.card.prem .cv{display:block;width:calc(100% + 32px);max-width:none;aspect-ratio:4/3;object-fit:cover;margin:-16px -16px 14px;background:#fff;height:auto}
.pr{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#3b2300;font-style:normal;font-weight:800;font-size:12px;padding:3px 9px;border-radius:999px}