body{margin:0;font-family:Georgia,serif;background:#f6f1e4;color:#123}
.hero{background:linear-gradient(#044b38,#023326);color:#fff;text-align:center;padding:35px}
.hero.small{padding:20px}
.topbar{display:flex;justify-content:space-between;max-width:1100px;margin:auto}
nav a,.brand{color:#d4af37;text-decoration:none;margin-left:12px}
h1{font-size:54px;margin:20px 0 10px}.hero span{color:#d4af37}
.wrap{max-width:1100px;margin:auto;padding:20px}
.card{background:#fff;border:2px solid #d4af37;padding:20px;border-radius:18px;margin:18px 0}
.toolbar{display:grid;grid-template-columns:1fr 2fr auto;gap:10px}
input,select,button{padding:12px;border-radius:10px;border:1px solid #ccc}
button,.btn{background:#044b38;color:#fff;border:none;padding:12px 16px;text-decoration:none;border-radius:10px}
.gold{background:#d4af37;color:#111}
.result{background:#fff;padding:18px;border-radius:16px;border:1px solid #ddd;margin:14px 0}
table{width:100%;border-collapse:collapse;margin-top:10px}td,th{border:1px solid #ddd;padding:8px}
footer{text-align:center;padding:20px;background:#044b38;color:#fff}
@media(max-width:800px){.toolbar{grid-template-columns:1fr} h1{font-size:40px}}