*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:#0f1222;color:#e8eaf6}
a{color:inherit;text-decoration:none}.wrap{max-width:1150px;margin:auto;padding:0 18px}
.demo{background:#ffcc00;color:#222;text-align:center;font-size:13px;padding:6px}
header{background:#151a33;position:sticky;top:0;z-index:5;border-bottom:1px solid #2a3160}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.logo{font-weight:800;font-size:22px}.logo span{color:#FFC20E}nav a{margin-left:16px;opacity:.85}nav a:hover{opacity:1;color:#7dd3fc}
.badge{background:#FFC20E;border-radius:99px;padding:1px 7px;font-size:12px}
.hero{background:radial-gradient(circle at 80% 20%,#8a6500,transparent 50%),linear-gradient(135deg,#1b1f4a,#0f1222);padding:70px 0}
.hero h1{font-size:clamp(30px,5vw,52px);margin:0 0 12px}.hero p{max-width:560px;opacity:.85;font-size:18px}
.btn{display:inline-block;background:linear-gradient(90deg,#FFC20E,#FF9500);color:#fff;border:0;padding:12px 22px;border-radius:10px;font-weight:700;cursor:pointer;font-size:15px}
.btn.alt{background:#2a3160}h2{margin:40px 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.card{background:#181d3b;border:1px solid #2a3160;border-radius:14px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#FFC20E}
.card .b{padding:12px}.price{color:#ffcc00;font-weight:800}.ex{font-size:11px;background:#333a6b;padding:2px 6px;border-radius:6px;color:#ffcc00}
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:30px}.trust div{background:#181d3b;padding:18px;border-radius:12px;border:1px solid #2a3160}
.cat{padding:26px;border-radius:14px;font-weight:700;font-size:18px;text-align:center}
.filters button{background:#1f2550;color:#fff;border:1px solid #2a3160;padding:8px 14px;border-radius:99px;margin:0 6px 8px 0;cursor:pointer}.filters button.on{background:#FFC20E}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}@media(max-width:700px){.detail{grid-template-columns:1fr}nav a{margin-left:9px;font-size:14px}}
table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #2a3160;text-align:left}
input,select{width:100%;padding:10px;border-radius:8px;border:1px solid #2a3160;background:#1f2550;color:#fff;margin:4px 0 12px}
.qty{width:70px}footer{margin-top:60px;padding:30px 0;background:#0b0e1c;font-size:13px;opacity:.8}
body{background:#0d0d0d}header,.card,.trust div,.filters button,input,select{background:#1a1a1a!important;border-color:#3a3220!important}.btn{color:#111!important}.btn.alt{background:#333!important;color:#fff!important}.hero{background:radial-gradient(circle at 80% 20%,#8a6500,transparent 50%),repeating-linear-gradient(60deg,#141414 0 20px,#181610 20px 40px)}.logo span{color:#FFC20E}.filters button.on{background:#FFC20E!important;color:#111}footer a{text-decoration:underline}