body{
    margin:0;
    font-family: 'Arial', sans-serif;
    background:#f4f7fb;
    color:#333;
}

.site-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 30px;
    background:#ffffff;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.site-header nav a{
    margin-left:20px;
    text-decoration:none;
    color:#333;
    font-weight:bold;
}

.hero{
    text-align:center;
    padding:80px 20px;
    background:linear-gradient(180deg,#fff7cc,#e3f2fd);
}

.hero-logo{
    max-width:220px;
    margin-bottom:30px;
}

.subtitle{
    font-size:1.2em;
    margin-bottom:30px;
}

.btn-primary{
    background:#fbc02d;
    color:#000;
    padding:12px 25px;
    border-radius:30px;
    text-decoration:none;
    font-weight:bold;
}

.site-footer{
    text-align:center;
    padding:20px;
    font-size:0.9em;
    background:#fff;
    margin-top:60px;
}