/* Clean government-professional stylesheet for main index page */
:root{
    --accent:#0b3d91; /* primary navy */
    --accent-dark:#08306b;
    --muted:#6b84b0;
    --container-bg:#f7f9fb; /* light container */
    --page-bg:#0f1216; /* dark page chrome */
    --page-fg:#e9eef6;
    --border: #dfe6f5;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0}
body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background:#e8e8e8;
    color:var(--page-fg);
    -webkit-font-smoothing:antialiased;
    display:flex;
    flex-direction:column;
}

/* Navbar */
.logo-header{
    position:sticky;
    top:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:linear-gradient(90deg,var(--accent-dark),#071a3a);
    z-index:1000;
    box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.nav-logo{height:50px}

/* Menu (removed - no navbar needed) */
.menu{display:none}
.hamburger{display:none}

/* Mobile menu styles */
@media (max-width:860px){
    .menu{display:none}
    .hamburger{display:none}
}

/* Main container */
.main-container{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px 20px;
}

.content{
    max-width:800px;
    width:100%;
    text-align:center;
}

.content h1{
    font-size:42px;
    color:#000;
    margin:0 0 16px 0;
    font-weight:700;
    line-height:1.2;
}

.content p{
    font-size:16px;
    color:#333;
    margin:0 0 40px 0;
    line-height:1.6;
}

/* Button grid */
.button-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:20px;
    margin:40px 0;
}

.card-button{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:30px 20px;
    background:var(--container-bg);
    border:2px solid var(--accent);
    border-radius:8px;
    text-decoration:none;
    color:#000;
    font-weight:600;
    transition:all .3s ease;
    cursor:pointer;
}

.card-button:hover{
    background:var(--accent);
    color:#fff;
    transform:translateY(-4px);
    box-shadow:0 8px 20px rgba(11,61,145,0.3);
}

.card-icon{
    width:60px;
    height:60px;
    object-fit:contain;
    margin-bottom:12px;
    display:block;
}

/* Footer */
.footer{
    background:linear-gradient(90deg,var(--accent-dark),#071a3a);
    color:#dbe7ff;
    text-align:center;
    padding:20px;
    font-size:14px;
    margin-top:auto;
}

.footer p{
    margin:0;
}

/* Responsive */
@media (max-width:768px){
    .content h1{
        font-size:28px;
    }
    
    .content p{
        font-size:14px;
    }
    
    .button-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
    
    .card-button{
        padding:20px;
    }
    
    .card-icon{
        width:48px;
        height:48px;
    }
}

/* Utility */
.muted{color:var(--muted)}

/* Ensure images don't overflow */
img{max-width:100%;height:auto}