*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',system-ui,Arial,sans-serif;background:#0a0a14;color:#e8e8f2;line-height:1.6}
a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;border-bottom:1px solid #1e1e33;position:sticky;top:0;background:rgba(10,10,20,.9);backdrop-filter:blur(10px);z-index:9}
.logo{font-weight:900;font-size:22px;letter-spacing:.5px}.logo b{background:linear-gradient(90deg,#ff3d6e,#ffb300);-webkit-background-clip:text;background-clip:text;color:transparent}
nav a{margin-left:18px;color:#aab;font-size:14px}nav a:hover{color:#fff}.cta{background:linear-gradient(90deg,#7b2ff7,#00d4ff);color:#fff!important;padding:7px 14px;border-radius:20px;font-weight:700}
.hero{padding:44px 5vw 18px}.hero h1{font-size:clamp(28px,5vw,46px);font-weight:900;line-height:1.1}.hero p{color:#99a;margin-top:8px}
.chips{padding:8px 5vw;display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 16px;border-radius:20px;border:1px solid #2a2a44;background:#14142a;color:#ccd;cursor:pointer;font-size:14px}.chip.on{background:#fff;color:#0a0a14}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;padding:22px 5vw 50px}
img{max-width:100%;display:block}.cimg{width:100%;height:170px;object-fit:cover}.feat .cimg{height:100%;min-height:240px}figure{margin:20px 0}figure img{width:100%;border-radius:16px;height:auto}figcaption{font-size:12px;color:#778;margin-top:6px}article h2{margin:28px 0 8px;font-size:24px}article table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto}article th,article td{border:1px solid #2a2a44;padding:9px 12px;text-align:left}article th{background:#1a1a30}.faq h3{font-size:18px;margin:16px 0 4px}.card{background:#13131f;border:1px solid #20203a;border-radius:18px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-5px)}
.thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:62px;position:relative}.tag{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.5);padding:3px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}
.card .b{padding:16px}.card h2{font-size:19px;line-height:1.3;margin-bottom:8px}.card p{color:#99a;font-size:14px}.date{color:#778;font-size:12px;margin-top:10px}
.feat{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr}.feat .thumb{height:auto;min-height:240px;font-size:96px}.feat h2{font-size:28px}@media(max-width:700px){.feat{grid-template-columns:1fr}.feat .thumb{min-height:180px}nav a:not(.cta){display:none}}
article{max-width:760px;margin:0 auto;padding:30px 5vw 50px}article .thumb{border-radius:18px;height:220px;font-size:90px;margin:18px 0}article h1{font-size:clamp(26px,5vw,40px);line-height:1.15;font-weight:900}
article h3{margin:26px 0 8px;font-size:21px}article p{margin:12px 0;color:#d0d0de;font-size:17px}article ul{margin:10px 0 10px 22px;color:#d0d0de;font-size:17px}article li{margin:6px 0}
.src{margin-top:30px;padding:16px;border-radius:14px;background:#13131f;border:1px solid #20203a;font-size:14px;color:#99a}.src a{color:#6cc7ff;word-break:break-all}
.promo{margin:30px 0;padding:22px;border-radius:18px;background:linear-gradient(135deg,#2b0f5c,#06324a);text-align:center}.promo a{display:inline-block;margin-top:10px;padding:10px 24px;border-radius:24px;background:#fff;color:#0a0a14;font-weight:800}
footer{text-align:center;color:#667;padding:26px;border-top:1px solid #1e1e33;font-size:13px}