:root{--primary:#8b0000;--dark:#4a0000;--accent:#ffcdd2;--bg:#fff8f8;--text:#222;--card:#fff;--border:#f0e0e0}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;font-size:16px}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
header{background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff;padding:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.2)}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.6rem;color:#fff;font-weight:700;font-size:1.2rem;text-decoration:none}
.logo img{height:48px;width:48px;border-radius:50%;object-fit:cover;border:2px solid #fff}
nav{display:flex;gap:1rem;flex-wrap:wrap}
nav a{color:#fff;font-weight:500;font-size:.95rem;opacity:.95}
nav a:hover{opacity:1;text-decoration:underline}
.hero{background:linear-gradient(rgba(74,0,0,.8),rgba(139,0,0,.75));color:#fff;text-align:center;padding:3rem 1.2rem}
.hero h1{font-size:clamp(1.4rem,4.5vw,2.2rem);margin-bottom:.7rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.hero p{font-size:1.05rem;max-width:640px;margin:0 auto 1.2rem;opacity:.95}
.cta-btn{display:inline-block;background:#fff;color:var(--dark);padding:.8rem 1.6rem;border-radius:50px;font-weight:700;box-shadow:0 4px 15px rgba(0,0,0,.2)}
.cta-btn:hover{text-decoration:none;transform:translateY(-2px)}
.page-wrap{max-width:1100px;margin:0 auto;padding:1.5rem 1.2rem 3rem;display:grid;grid-template-columns:1fr 260px;gap:2rem;align-items:start}
.page-content{min-width:0}
.sidebar{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.2rem;position:sticky;top:80px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.sidebar h3{font-size:1.05rem;margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:2px solid var(--accent);color:var(--dark)}
.sidebar ul{list-style:none;margin:0 0 1.2rem;padding:0}
.sidebar ul a{display:block;padding:.4rem .55rem;color:var(--dark);font-size:.92rem;border-radius:6px}
.sidebar ul a:hover{background:var(--accent);text-decoration:none}
main,section{margin-bottom:1.8rem}
h2{color:var(--dark);font-size:1.45rem;margin-bottom:.9rem;border-bottom:3px solid var(--accent);padding-bottom:.35rem;display:inline-block}
h3{color:var(--primary);font-size:1.2rem;margin:1.2rem 0 .5rem}
h4{color:var(--dark);margin:1rem 0 .4rem}
p{margin-bottom:.9rem}
ul{margin:.6rem 0 1rem 1.3rem}
.content-img,.banner-img{max-width:100%;height:auto;border-radius:10px;margin:1rem 0;display:block}
.banner-img{max-height:300px;width:100%;object-fit:cover}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin:1.2rem 0}
.gallery-grid img{width:100%;height:220px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.cta-section{background:linear-gradient(135deg,var(--dark),var(--primary));color:#fff;text-align:center;padding:2.2rem 1.3rem;border-radius:14px;margin:2rem 0}
.cta-section h2{color:#fff;border:none}
footer{background:#1a1a1a;color:#ccc;padding:1.8rem 1rem;font-size:.9rem}
footer a{color:#ffcdd2}
footer h3{color:#ffcdd2;margin-bottom:.35rem}
@media(max-width:800px){.page-wrap{grid-template-columns:1fr}.sidebar{position:static}.header-inner{flex-direction:column}}