:root{--bg:#070a12;--card:rgba(255,255,255,.06);--bd:rgba(255,255,255,.12);--tx:#e9eefc;--mut:rgba(233,238,252,.68)}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto; color:var(--tx); background:radial-gradient(1200px 600px at 20% 10%,rgba(112,82,255,.22),transparent),radial-gradient(900px 500px at 80% 20%,rgba(0,212,255,.12),transparent),var(--bg)}
a{color:inherit}
.wrap{max-width:1060px;margin:0 auto;padding:18px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.row{display:flex;align-items:center}
.brand{font-weight:900;font-size:20px;letter-spacing:.2px}
.badge{border:1px solid var(--bd);padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);font-size:12px;color:var(--mut)}
.nav{display:flex;gap:10px;flex-wrap:wrap}
.line{border:0;border-top:1px solid var(--bd);margin:14px 0}
.card{border:1px solid var(--bd);background:var(--card);border-radius:18px;overflow:hidden;backdrop-filter: blur(10px); box-shadow:0 10px 30px rgba(0,0,0,.25)}
.pad{padding:14px}
.input{width:100%;padding:12px 12px;border-radius:14px;border:1px solid var(--bd);background:rgba(0,0,0,.22);color:var(--tx);outline:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--bd);background:rgba(255,255,255,.06);color:var(--tx);text-decoration:none;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,rgba(112,82,255,.55),rgba(0,212,255,.25));border-color:rgba(112,82,255,.35)}
.btn.danger{background:rgba(255,80,80,.18);border-color:rgba(255,80,80,.35)}
.btn.ghost{background:transparent}
.toast{margin-top:12px;border-radius:14px;padding:10px 12px;border:1px solid var(--bd);display:none}
.toast.ok{display:block;background:rgba(80,255,150,.10);border-color:rgba(80,255,150,.25)}
.toast.bad{display:block;background:rgba(255,80,80,.12);border-color:rgba(255,80,80,.25)}
.muted{color:var(--mut)}
.small{font-size:12px}
.img{width:100%;height:180px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);border-bottom:1px solid var(--bd)}
.img img{width:100%;height:100%;object-fit:cover}
.price{font-weight:900}
.fadeIn{animation:fade .18s ease-out}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}