/* Body */
body{
    margin:0;
    padding:0;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background:#f8f9fa;
}

/* Header Section */
.top-header{
    background:#111;
    padding:12px 5px;
}

/* Header Box */
.header-box{
    background:linear-gradient(45deg,#fbc503,#ffdb4d);
    padding:10px 5px;
    border-radius:8px;
    font-weight:700;
    text-align:center;
    transition:0.3s ease;
    box-shadow:0 3px 8px rgba(0,0,0,0.2);
}

.header-box a{
    text-decoration:none;
    color:#000;
    display:block;
    font-size:14px;
    letter-spacing:0.5px;
}

/* Hover Effect */
.header-box:hover{
    transform:translateY(-3px);
    box-shadow:0 6px 15px rgba(0,0,0,0.4);
}

/* Mobile Adjustment */
@media(max-width:576px){
    .header-box a{
        font-size:12px;
    }
}