
:root{
  --bg:#fff8f5; --text:#222; --muted:#666; --primary:#871c1c; --primary-dark:#611313;
  --gold:#caa55b; --card:#fff; --border:#e9d9d1; --shadow:0 14px 35px rgba(56,23,23,.1);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--primary);text-decoration:none} a:hover{text-decoration:underline}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:0 auto}
.hero{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:24px 0 70px}
.topnav{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:8px 0 28px}
.brand{font-weight:700;font-size:1.15rem}.menu{display:flex;gap:14px;flex-wrap:wrap}.menu a{color:#fff}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}
.badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:999px}
h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;margin:16px 0}
h2{font-size:clamp(1.5rem,3vw,2.1rem);margin:0 0 12px}
h3{margin:0 0 10px}
.lead{font-size:1.08rem;line-height:1.7;max-width:780px}
.btn{display:inline-block;border:none;border-radius:12px;padding:12px 18px;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}
.btn-primary{background:var(--gold);color:#2a1b08}.btn-secondary{background:#fff;color:var(--primary)}.btn-danger{background:#8d2323;color:#fff}
.section{padding:56px 0}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}
.card,.profile-card,.panel,.notice{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px}
.card,.panel,.notice{padding:22px}
.profile-card{overflow:hidden}.profile-card img{height:220px;width:100%;object-fit:cover;background:#f5ede8}.profile-body{padding:18px}
.tag{display:inline-block;border-radius:999px;padding:7px 10px;background:#f8eee6;border:1px solid #ecd8cc;font-size:.9rem;margin:0 8px 8px 0}
.page-shell{padding:30px 0 60px}.backlink{display:inline-block;margin-bottom:16px}
.filter-bar,.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
input,select,textarea{width:100%;padding:12px 14px;border:1px solid #d9c8bf;border-radius:12px;background:#fff;font:inherit}
.search{flex:1;min-width:220px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}
.alert{padding:14px 16px;border-radius:12px;margin:16px 0}.success{background:#ecf8ee;border:1px solid #bfe0c7}.error{background:#fff0f0;border:1px solid #e5bcbc}
.footer{background:#2e1212;color:#f2e8e8;padding:36px 0;margin-top:20px}.footer a{color:#f7dca6}
.map-card{display:grid;grid-template-columns:1fr 1fr;gap:20px}
table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.small{font-size:.92rem;color:var(--muted)}
@media (max-width: 960px){.hero-grid,.cards.three,.cards.four,.map-card,.form-grid{grid-template-columns:1fr}}
