body{
margin:0;
font-family:Georgia,serif;
background:#1b0b05;
color:#f5d08a;
}
.banner{width:100%;display:block;}
nav{
display:flex;
justify-content:center;
gap:30px;
padding:15px;
background:#2b1208;
}
nav a{color:#f5d08a;text-decoration:none;font-weight:bold;}
.intro{text-align:center;padding:40px 20px;}
.logo{
width:180px;
border-radius:30px;
box-shadow:0 0 25px rgba(255,200,80,.4);
}
h1{font-size:56px;margin:15px 0;}
.content{max-width:1100px;margin:auto;padding:20px;}
.cards{display:flex;gap:20px;flex-wrap:wrap;}
.card{
flex:1;
min-width:250px;
background:#31170c;
padding:20px;
border:1px solid #a66a17;
border-radius:14px;
}
footer{
text-align:center;
padding:30px;
margin-top:40px;
border-top:1px solid #6e4310;
}
.legal{
max-width:1000px;
margin:auto;
padding:40px;
}


.subline {
    margin-top: 10px;
    font-size: 18px;
    color: #f5d08a;
    opacity: 0.9;
}
.why {
    margin-top: 50px;
    background: #2b1208;
    padding: 30px;
    border-radius: 16px;
    border: 1px solid #a66a17;
}
.why h2 { margin-top: 0; }
.why ul { list-style: none; padding: 0; }
.why li { padding: 10px 0; font-size: 18px; }