:root{--bg:#111827;--panel:#192231;--panel2:#202b3b;--text:#eef2f7;--muted:#b9c4d4;--accent:#74c0fc;--line:#334155}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#0b1220,#111827);color:var(--text);line-height:1.6}.hero{min-height:430px;background:linear-gradient(120deg,rgba(5,10,20,.92),rgba(12,31,54,.72)),url('assets/thumbs/motherboard-closeup.jpg') center/cover;display:flex;align-items:center}.hero-inner,.small-hero>div{max-width:1050px;margin:auto;padding:50px 22px}.small-hero{background:#101827;border-bottom:1px solid var(--line)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-weight:bold;font-size:.82rem}h1{font-size:clamp(2.1rem,6vw,4.5rem);line-height:1.05;margin:.2em 0}h2{margin-top:0;color:#ffffff}.lead{font-size:1.25rem;max-width:760px;color:#d9e4f3}.button{display:inline-block;background:var(--accent);color:#06101f;text-decoration:none;font-weight:bold;padding:12px 18px;border-radius:12px;margin-top:12px}main{max-width:1120px;margin:auto;padding:34px 20px}.card{background:rgba(25,34,49,.94);border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:22px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.grid .card{margin:0}.highlight{background:linear-gradient(135deg,#17324a,#1d2635)}ul{padding-left:22px}.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.specs div{background:var(--panel2);padding:14px;border-radius:12px;border:1px solid var(--line)}.specs span{display:block;color:var(--muted);font-size:.9rem}.specs strong{display:block;color:white;font-size:1.05rem}.sources a{color:#9bd3ff}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.gallery a{display:block;text-decoration:none;color:white;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .15s ease, border-color .15s ease}.gallery a:hover{transform:translateY(-3px);border-color:var(--accent)}.gallery img{width:100%;height:210px;object-fit:cover;display:block}.gallery span{display:block;padding:12px 14px;font-weight:bold}footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:24px}@media(max-width:760px){.grid.two,.specs{grid-template-columns:1fr}.hero{min-height:360px}}