:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#090d17;color:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#29364d 0,#101827 38%,#090d17 75%)}button,a,input,select{font:inherit}main{width:min(960px,100%);min-height:100vh;margin:auto;padding:max(28px,env(safe-area-inset-top)) 22px max(30px,env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:16px;margin-bottom:44px}.mark{display:grid;width:54px;height:54px;place-items:center;border-radius:16px;background:#facc15;color:#111827;font-weight:900;letter-spacing:-.06em;box-shadow:0 12px 35px #0008}h1,h2,p{margin:0}h1{font-size:clamp(1.85rem,7vw,3rem);letter-spacing:-.045em;line-height:1}.eyebrow{margin-bottom:7px;color:#94a3b8;font-size:.72rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.status{width:fit-content;margin:-20px 0 24px;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:700}.offline{background:#422006;color:#fde68a;border:1px solid #854d0e}.intro,.panel,.catalog{padding:22px;border:1px solid #ffffff17;border-radius:24px;background:#111827cc;box-shadow:0 20px 60px #0004;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.intro{display:flex;align-items:center;justify-content:space-between;gap:16px}.intro strong{font-size:1.45rem}a,button{border:0;border-radius:12px;background:#facc15;color:#111827;padding:11px 14px;font-weight:800;text-decoration:none;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.cards article{display:flex;min-height:150px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid #ffffff12;border-radius:22px;background:linear-gradient(145deg,#1e293bdd,#111827dd)}.cards article span{color:#a8b3c5;font-weight:650}.cards article strong{font-size:clamp(2.3rem,10vw,4rem);letter-spacing:-.065em}.catalog{margin-top:14px}.tabs{display:flex;gap:8px;overflow-x:auto}.tabs button{flex:1;white-space:nowrap;background:#1e293b;color:#cbd5e1}.tabs button.active{background:#facc15;color:#111827}.tabs button span{margin-left:5px;opacity:.7}.filters{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-top:18px}.filters label{color:#94a3b8;font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.filters input,.filters select{width:100%;margin-top:7px;padding:12px;border:1px solid #ffffff1f;border-radius:12px;background:#090d17;color:#f8fafc}.result-count{margin:16px 0 8px;color:#94a3b8;font-size:.84rem}.product-list{display:grid;gap:8px}.product{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #ffffff12;border-radius:16px;background:#0b1220}.product h2{margin-top:3px;font-size:1rem;line-height:1.35}.category,.meta{color:#94a3b8;font-size:.78rem}.meta{margin-top:6px}.price{flex:0 0 auto;text-align:right}.price strong{display:block;font-size:1.1rem}.price span{display:inline-block;margin-top:6px;color:#fbbf24;font-size:.8rem;font-weight:750}.price span.drop{color:#4ade80}.more{display:block;margin:18px auto 0}.empty{padding:30px 10px;color:#94a3b8;text-align:center}footer{margin-top:14px;color:#78869b;font-size:.85rem;text-align:right}.panel{margin-top:70px;text-align:center}.panel h2{margin-bottom:10px}.panel button{margin-top:22px}@media(max-width:600px){.cards{grid-template-columns:1fr}.cards article{min-height:112px;flex-direction:row;align-items:end}.cards article strong{font-size:3rem}.intro{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr}.product{align-items:flex-start}}
