body{font-family:Arial,Helvetica,sans-serif;background:#fafafa;color:#222;margin:0}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.topbar{background:#fff;border-bottom:1px solid #e5e5e5}
.topbar nav{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}
.brand{font-weight:bold;font-size:18px;text-decoration:none;color:#111}
.links a{margin-left:14px;font-size:14px;color:#333}
main.wrap{padding:24px 16px}
.card{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px;margin-bottom:16px}
.grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
input,textarea,select{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:8px 10px;font-size:14px;margin:4px 0}
button,.btn{background:#18181b;color:#fff;border:0;border-radius:8px;padding:9px 16px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}
.btn2{background:#fff;color:#111;border:1px solid #ccc}
.flash{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;padding:8px 12px}
.err{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:8px 12px}
.muted{color:#666;font-size:13px}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}
ul.clean{list-style:none;padding:0;margin:8px 0}
ul.clean li{background:#f6f6f6;border-radius:8px;padding:8px 12px;margin-bottom:6px;font-size:14px}
.footer{text-align:center;color:#888;font-size:12px;padding:16px;border-top:1px solid #e5e5e5;background:#fff}
.hero{background:#18181b;color:#fff;border-radius:16px;padding:28px;margin-bottom:18px}
.hero p{color:#bbb}
.hero a{margin-right:8px}