:root{--bg:#07111f;--panel:#0d1b2c;--text:#f6f8fb;--muted:#b9c3cf;--brand:#ffb400;--line:#20354c;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:linear-gradient(#07111f,#091827);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),92%);margin:auto}.top{background:#03101d;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--muted)}.top .container,.nav{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.6rem 0;flex-wrap:wrap}header{position:sticky;top:0;background:rgba(7,17,31,.96);border-bottom:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:.7rem;font-weight:900}.brand img{width:44px;height:44px;border-radius:50%;object-fit:cover}.brand b{color:var(--brand)}nav{display:flex;gap:1rem;align-items:center}nav a{color:var(--muted);font-weight:700}.cta,.btn{background:var(--brand);color:#111!important;padding:.75rem 1rem;border-radius:11px;font-weight:900;display:inline-block}.hero{padding:5rem 0 3rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.03;margin:.8rem 0}h2{font-size:clamp(1.8rem,4vw,3rem);margin:.2rem 0 1rem}.accent{color:var(--brand)}.lead,.muted{color:var(--muted)}.lead{font-size:1.16rem}.pill{display:inline-block;border:1px solid #42556a;background:#0a1c2f;color:#ffd25a;padding:.35rem .7rem;border-radius:999px;font-weight:800}.hero-card,.card,.notice,details{background:var(--panel);border:1px solid var(--line);border-radius:16px}.hero-card,.card{padding:1.1rem}.metric-grid,.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.metric{background:#0a192a;border:1px solid var(--line);border-radius:14px;padding:1rem}.metric strong{color:#ffd25a;display:block;font-size:1.25rem}section{padding:3.2rem 0}.grid{grid-template-columns:repeat(3,1fr)}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem}.cat{background:#0a1b2c;border:1px solid var(--line);border-radius:14px;padding:1rem;text-align:center;font-weight:800}.tag{display:inline-block;background:#1d2d40;color:#ffd25a;padding:.25rem .5rem;border-radius:999px;font-size:.8rem;font-weight:900}.price{font-size:1.4rem;font-weight:900;color:#ffd25a}.old{text-decoration:line-through;color:#8291a2;margin-left:.4rem}.card .btn{width:100%;text-align:center;margin-top:.8rem}.notice{padding:1rem;color:var(--muted)}.article{max-width:860px}.article h1{font-size:clamp(2.2rem,5vw,4rem)}.article h2{margin-top:2rem;font-size:1.7rem}.faq details{padding:1rem;margin:.7rem 0}.faq summary{font-weight:900;cursor:pointer}.footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem}.search{width:100%;background:#08192a;border:1px solid var(--line);color:#fff;border-radius:12px;padding:.9rem 1rem;margin:1rem 0}.breadcrumb{padding-top:1.5rem;color:var(--muted);font-size:.9rem}@media(max-width:900px){.hero-grid,.grid,.footer-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}nav{display:none}}