:root{--sand:#f4e4c8;--paper:#fff9ef;--brown:#382316;--gold:#e8b85e;--green:#314b2b;--rust:#b45d31;--text:#2c2118}
*{box-sizing:border-box}body{margin:0;background:var(--sand);color:var(--text);font:16px/1.65 system-ui,Arial,sans-serif}
header{background:#291b12;color:#fff2d9;padding:13px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.logo{font:700 25px Georgia,serif;color:#f6d28b;text-decoration:none}
nav{display:flex;gap:7px;flex-wrap:wrap}nav a{color:#fff0d8;text-decoration:none;padding:8px 12px;border-radius:8px;font-size:14px}nav a:hover,nav a.active{background:var(--gold);color:#2a1b11}
.hero{min-height:420px;display:flex;align-items:center;padding:50px 7%;color:#fff8e9;background:linear-gradient(90deg,#25170fdc,#25170f30),url('https://images.unsplash.com/photo-1531386151447-fd76ad50012f?auto=format&fit=crop&w=1600&q=85') center/cover}
.hero h1{font:700 clamp(40px,6vw,70px)/1.05 Georgia,serif;margin:10px 0}.hero p{max-width:570px;font-size:20px}
.btn{display:inline-block;background:var(--gold);color:#291b12;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800;border:0;cursor:pointer}
main{max-width:1150px;margin:auto;padding:38px 5%}.eyebrow{color:var(--rust);letter-spacing:.14em;text-transform:uppercase;font-weight:800;font-size:13px}
h1,h2,h3{line-height:1.2}h2{font:700 clamp(28px,4vw,40px) Georgia,serif}h3{margin:.4rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:25px 0}
.card{background:var(--paper);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px #482c1515;border:1px solid #e1c9a6}.card img{width:100%;height:200px;object-fit:cover;display:block}.card-body{padding:17px}.card p{margin:8px 0}
.tag{display:inline-block;background:#f1d9ad;padding:3px 9px;border-radius:30px;font-size:12px;font-weight:800}
.panel{background:var(--paper);border-radius:14px;padding:22px;margin:20px 0;border-left:5px solid var(--green)}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:start}.two img{width:100%;border-radius:14px;max-height:430px;object-fit:cover}
footer{background:#291b12;color:#f4dfbf;text-align:center;padding:28px;margin-top:40px}footer a{color:#f6d28b}
.quiz-question{padding:15px;background:#fff8ed;border:1px solid #e2c69b;border-radius:10px;margin:14px 0}
.quiz-question label{display:block;padding:5px;cursor:pointer}.result{font-weight:800;margin-top:15px}
@media(max-width:720px){.two{grid-template-columns:1fr}.hero{min-height:350px;padding:35px 6%}header{justify-content:center}}