body{margin:0;font-family:Arial;background:#07111c;color:#fff}header{display:flex;justify-content:space-between;padding:16px 5%;position:sticky;top:0;background:#081827cc;backdrop-filter:blur(8px)}.logo{color:#3fc6ff;font-size:30px;font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:80px 5%}.hero span{color:#3fc6ff}.btn{background:#109cff;padding:14px 22px;border-radius:28px;display:inline-block}.dash{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi,.cards article{background:#0d2238;border:1px solid #245a88;border-radius:14px;padding:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:5%}footer{text-align:center;padding:30px}