*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f1220;color:#e8eaf2}
a{color:#7cc4ff}header{background:linear-gradient(90deg,#1b1f3a,#2a1b4a);padding:18px 20px}header h1{margin:0;font-size:1.6rem}header p{margin:4px 0 0;color:#aab}
.wrap{max-width:1200px;margin:0 auto;padding:16px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.filters input,.filters select{background:#1a1e33;color:#fff;border:1px solid #333a5c;border-radius:8px;padding:10px;font-size:1rem;flex:1 1 160px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.card{background:#181c30;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;border:1px solid #262b48;transition:transform .15s}.card:hover{transform:translateY(-3px)}
.card img{width:100%;aspect-ratio:46/21;object-fit:cover;background:#222}.card .b{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-size:1rem;margin:0}.store{font-size:.8rem;color:#99a;display:flex;align-items:center;gap:6px}.store img{width:16px;height:16px;aspect-ratio:auto}
.price{display:flex;align-items:center;gap:8px;margin-top:auto}.off{background:#2ecc71;color:#06210f;font-weight:700;border-radius:6px;padding:2px 7px}
.old{text-decoration:line-through;color:#889}.new{font-size:1.2rem;font-weight:700}.btn{display:block;text-align:center;background:#6c5ce7;color:#fff;text-decoration:none;padding:9px;border-radius:8px;font-weight:600}.btn:hover{background:#7d6ff0}
footer{text-align:center;color:#889;padding:24px;font-size:.85rem}.meta{color:#99a;font-size:.85rem;margin-bottom:10px}article{max-width:760px;margin:0 auto;padding:20px;line-height:1.6}