body{
 font-family:Arial;
 background:#f0f2f5;
 margin:0;
}

.banner{
 background:#7a0000;
 color:white;
 text-align:center;
 padding:8px;
 font-weight:bold;
}

.cjis{
 background:#111;
 color:white;
 text-align:center;
 padding:6px;
 font-size:12px;
}

.login-box{
 width:400px;
 margin:120px auto;
 background:white;
 padding:30px;
}

.container{
 max-width:1100px;
 margin:40px auto;
 background:white;
 padding:30px;
}

.app-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:20px;
}

.app{
 background:#f8f9fa;
 padding:30px;
 text-align:center;
 border-radius:6px;
 text-decoration:none;
 color:black;
}

.app:hover{
 background:#e2e8f0;
}

.app-icon{
 font-size:32px;
 margin-bottom:10px;
}

button{
 background:#002868;
 color:white;
 border:none;
 padding:8px 12px;
}