:root{color-scheme:dark;--bg:#07111c;--card:#101e2c;--line:#24384b;--ink:#edf6ff;--muted:#94a9bc;--accent:#31d6a6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#12334a 0,transparent 35%),var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{width:min(1080px,92%);margin:0 auto;padding:64px 0}header{padding:30px 0 50px}h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1;margin:.15em 0}.tag,.stock{color:var(--accent);letter-spacing:.12em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.grid article,.panel{background:linear-gradient(145deg,#122536,#0c1824);border:1px solid var(--line);border-radius:16px;padding:24px}.panel{margin-top:22px}strong{font-size:1.7rem}small,p{color:var(--muted)}label{display:block;margin:12px 0}input{display:block;width:100%;max-width:460px;padding:12px;margin-top:6px;border-radius:8px;border:1px solid var(--line);background:#07111c;color:var(--ink)}button{border:0;border-radius:8px;padding:11px 18px;background:var(--accent);color:#03241b;font-weight:750;cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#b9ffe9}