/* --- Global --- */
body {
    font-family: Arial, sans-serif;
    background: #f6f7fb;
    color: #333;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
    padding: 30px 20px;
}

/* --- Header --- */
.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    z-index: 1000;
}

.main-logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #0b74ff;
    font-weight: 700;
    font-size: 1.4rem;
}

.main-logo img { height: 32px; margin-right: 8px; }

.main-nav { display: flex; gap: 12px; }

.main-nav a {
    padding: 6px 12px;
    background: #0b74ff;
    color: #fff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.2s;
}

.main-nav a:hover { background: #065cb5; }

/* Mobile Hamburger */
.main-hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.main-hamburger div { width:25px; height:3px; background:#0b74ff; }

@media(max-width:768px){
    .main-nav {
        display:none;
        position:absolute;
        top:60px; right:0;
        flex-direction:column;
        background:#fff;
        box-shadow:0 4px 12px rgba(0,0,0,0.1);
        padding:15px;
        border-radius:8px;
    }
    .main-nav.show { display:flex; }
    .main-hamburger { display:flex; }
}

/* --- Footer --- */
.site-footer {
    background:#fff;
    text-align:center;
    padding:20px;
    font-size:0.9rem;
    box-shadow:0 -2px 6px rgba(0,0,0,0.05);
}
.site-footer a {
    color:#0b74ff;
    text-decoration:none;
    margin:0 10px;
}
.site-footer a:hover { color:#065cb5; }

/* --- Utility --- */
h1 { margin-top: 0; color: #0b74ff; text-align: center; }