
:root{ --bg1:#fff9f0; --accent:#d9a441; --accent-dark:#b8862b; --text:#42392b; --card:#fff;}
*{box-sizing:border-box}
body{font-family:Georgia,serif;margin:0;background:linear-gradient(180deg,var(--bg1),#fbf1de);color:var(--text);line-height:1.6}
.header{background:var(--accent);color:#fff;padding:1rem 0;box-shadow:0 6px 18px rgba(0,0,0,0.06)}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:1rem;padding:0 1rem}
.logo{width:64px;height:64px;object-fit:contain;border-radius:8px}
nav{background:var(--accent-dark);padding:0.6rem;text-align:center}
nav a{color:#fff;margin:0 0.6rem;text-decoration:none;font-weight:600}
.container{max-width:1100px;margin:1rem auto;padding:0 1rem}
.card{background:var(--card);padding:1.25rem;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,0.06);margin-bottom:1rem}
img.responsive{width:100%;height:auto;border-radius:10px;margin-top:1rem}
ul{padding-left:1.25rem}
footer{background:var(--accent);color:white;padding:1rem;text-align:center;margin-top:1rem}
.form-row{display:flex;gap:10px}
.form-row> *{flex:1}
input, textarea, select{width:100%;padding:0.7rem;border-radius:8px;border:1px solid #ddd;font-size:1rem}
button{background:var(--accent);color:white;padding:0.8rem 1rem;border:none;border-radius:8px;cursor:pointer}
@media(max-width:700px){.header-inner{flex-direction:column;text-align:center}.form-row{flex-direction:column}}
