:root{color-scheme:light dark;--bg:#0f1720;--panel:#172331;--text:#edf6fb;--muted:#abc1cf;--accent:#4fc3f7;--line:#294255}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 Inter,system-ui,sans-serif}
a{color:var(--accent)}.wrap{width:min(1080px,calc(100% - 2rem));margin:auto}
header{position:sticky;top:0;background:rgba(15,23,32,.96);border-bottom:1px solid var(--line);z-index:5}
nav{display:flex;align-items:center;gap:1.2rem;min-height:68px}.brand{font-size:1.35rem;font-weight:800;text-decoration:none;color:var(--text);margin-right:auto}
nav a{text-decoration:none}.hero{padding:5rem 0 3rem}.hero h1{font-size:clamp(2.4rem,7vw,5rem);line-height:1;margin:.2rem 0 1rem}.lead{font-size:1.2rem;color:var(--muted);max-width:780px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:2rem 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.25rem}
.card h2,.card h3{margin-top:0}.button{display:inline-block;border:0;border-radius:10px;padding:.8rem 1.1rem;background:var(--accent);color:#08202c;text-decoration:none;font-weight:750;cursor:pointer}
.specs{width:100%;border-collapse:collapse}.specs th,.specs td{padding:.7rem;border-bottom:1px solid var(--line);text-align:left}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
form{display:grid;gap:.85rem;max-width:720px}label{display:grid;gap:.25rem}input,textarea,select{width:100%;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}
.check{display:flex;grid-template-columns:none;gap:.55rem;align-items:flex-start}.check input{width:auto;margin-top:.35rem}.status{min-height:1.5rem}.price{font-size:1.5rem;font-weight:800;color:var(--accent)}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
footer{margin-top:4rem;padding:2rem 0;border-top:1px solid var(--line);color:var(--muted)}
@media(prefers-color-scheme:light){:root{--bg:#f7fbfd;--panel:#fff;--text:#10232e;--muted:#526d7b;--accent:#0288d1;--line:#d8e7ee}header{background:rgba(247,251,253,.96)}}
@media(max-width:650px){nav{gap:.7rem;flex-wrap:wrap;padding:.7rem 0}.brand{width:100%}.hero{padding-top:3rem}}