:root{--bg:#021b24;--card:#071217;--accent:#00c2b2;--muted:#9aa9ac;--text:#e6f6f3}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,var(--bg),#042f38);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(180deg,#01202b,#023b49);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.nav a{color:#9be6d9;margin-left:14px;text-decoration:none}.card{background:var(--card);padding:12px;border-radius:8px;box-shadow:0 6px 18px #0009}.button{background:var(--accent);color:#012026;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.footer{background:#00171b;color:#7e8f8d;padding:20px;text-align:center;margin-top:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.small{color:var(--muted);font-size:13px}a{color:inherit}