:root{--bg:#070b14;--card:#101827;--text:#e6f1ff;--muted:#9fb3c8;--accent:#53e0ff;--accent2:#8af5ff}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,#050912,#0b1220);color:var(--text)}
.container{max-width:1080px;margin:0 auto;padding:0 20px} .row{display:flex;justify-content:space-between;align-items:center}
.topbar{position:sticky;top:0;background:#060c18cc;backdrop-filter:blur(8px);border-bottom:1px solid #1a2a44;padding:14px 0}
.logo{font-weight:800;color:var(--accent2)} nav a{color:var(--muted);margin-left:20px;text-decoration:none}
.hero{padding:80px 20px 60px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
h1{font-size:clamp(32px,6vw,56px);line-height:1.1;margin:10px 0} h1 span{color:var(--accent)} .sub{max-width:760px;color:var(--muted);font-size:18px}
.cta-row{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;border:1px solid #2e4869;color:var(--text);background:#0f1b2d;cursor:pointer}
.btn.primary{background:linear-gradient(135deg,#1a9cc2,#31d5ff);color:#021018;border:0;font-weight:700}.btn.ghost{background:transparent}
.section{padding:42px 20px}.grid{display:grid;gap:14px}.grid.three{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid #1e2f4a;border-radius:14px;padding:18px}.card h3{margin-top:0}.card p{color:var(--muted)}
.selectable{cursor:pointer;transition:transform .12s ease, box-shadow .12s ease,border-color .12s ease}
.selectable:hover,.selectable:focus{transform:translateY(-2px);box-shadow:0 6px 20px #00000066;border-color:var(--accent)}
.selectable.selected{border-color:#8affb0;box-shadow:0 0 0 2px #8affb066 inset}
.price .amount{font-size:34px;font-weight:800;color:var(--accent2)} .old-price{text-decoration:line-through;color:#7f97b3;margin-right:10px;font-size:26px;font-weight:700}.new-price{color:#8affb0}.sale-note{color:#bfefff;margin-top:4px}.featured{outline:2px solid var(--accent)}
.order-form{display:grid;gap:10px;max-width:680px}.order-form label{display:grid;gap:6px;color:var(--muted)}
input,select,textarea{background:#0a1322;color:var(--text);border:1px solid #223754;border-radius:10px;padding:10px}
.footer{padding:35px 20px 60px;color:#86a2bf}.small{color:#7f97b3;font-size:13px}