:root{--card:#101d2b;--accent:#39d5ff;--text:#f3fbff;--muted:#9eb7c8}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#06101a,#102a3c);color:var(--text)}
header{padding:26px 5%;background:#07131e;border-bottom:1px solid #23465c}.brand{font-size:29px;font-weight:800}.tag{color:var(--muted)}
nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}nav a{color:#dff8ff;text-decoration:none;padding:8px 11px;border:1px solid #2c5870;border-radius:9px}
main{max-width:1120px;margin:auto;padding:35px 5%}h1{font-size:38px;margin:0 0 12px}.lead{font-size:18px;color:#c2d6e1;line-height:1.65}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:16px}.card{background:rgba(16,29,43,.95);border:1px solid #294c61;border-radius:15px;padding:19px;line-height:1.58}
.code{font-family:monospace;color:#8eeaff}.price{font-size:21px;font-weight:800;color:var(--accent)}
table{width:100%;border-collapse:collapse;background:#0d1b28}th,td{padding:11px;border:1px solid #29485b;text-align:left}th{background:#142a3a}
.note{padding:15px;border-left:4px solid var(--accent);background:#0d2230;margin:20px 0}
footer{margin-top:40px;padding:28px 5%;background:#07131e;color:#829daf;text-align:center}@media(max-width:600px){h1{font-size:29px}table{font-size:12px}}