:root{
--primary:#0056D2;
--danger:#D90429;
--success:#16A34A;
--bg:#F5F7FA;
}
body{margin:0;font-family:Arial;background:var(--bg);}
.header{background:var(--primary);color:#fff;padding:16px;display:flex;justify-content:space-between}
.container{max-width:1200px;margin:auto;padding:20px}
.flash{background:var(--danger);color:#fff;padding:10px;border-radius:6px;margin-bottom:15px}
.slider{height:220px;background:#dbe8ff;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.did{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #ddd}
.did h2{margin:0;background:var(--danger);color:#fff;padding:12px}
.row{display:grid;grid-template-columns:1fr 180px 140px;padding:12px;border-top:1px solid #eee;align-items:center}
.row a{text-decoration:none;background:var(--primary);color:#fff;padding:8px 12px;border-radius:5px;text-align:center}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}
.cols>div{background:#fff;height:280px;border-radius:8px;border-top:4px solid var(--primary);padding:10px}
.footer{margin-top:30px;background:var(--primary);color:#fff;padding:20px;text-align:center}