:root{
  --bg:#fff2f6;
  --paper:#ffffff;
  --text:#2a1a1d;
  --accent:#a0123a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth}
.container{max-width:1000px;margin:0 auto;padding:24px}
.header{background:var(--paper);border-bottom:1px solid #f2d2de;position:sticky;top:0;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0}
.brand img{height:100px;width:auto}
.menu{display:flex;gap:16px;flex-wrap:wrap}
.menu a{padding:8px 12px;border-radius:999px;background:#ffe3ed;color:var(--accent);text-decoration:none;font-weight:600;transition:0.3s}
.menu a:hover{background:var(--accent);color:white}
.menu a[aria-current="page"]{background:var(--accent);color:white}
.hero{padding:48px 0;text-align:center}
.hero-content{display:flex;gap:40px;align-items:center;flex-wrap:wrap;justify-content:center;margin-top:20px;opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease}
.hero-content.visible{opacity:1;transform:translateY(0)}
.hero-content img.hero-left{width:30%;border-radius:16px;transition:0.3s;align-self:center}
.hero-content img.hero-left:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(160,18,58,0.2)}
.hero-text{flex:1;min-width:250px;text-align:left}
.hero-logo-single{display:flex;justify-content:flex-start;margin-bottom:16px}
.hero-logo-single img{height:180px;width:auto;transition:none;box-shadow:none !important;transform:none !important}
.hero-text p{color:#4b2e33;font-size:14px;line-height:1.6}
.page-title{text-align:center;margin-bottom:32px;color:var(--accent);font-size:36px}
.section{display:flex;align-items:center;gap:40px;flex-wrap:wrap;margin-bottom:48px;opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease}
.section.visible{opacity:1;transform:translateY(0)}
.section img{width:50%;border-radius:16px;transition:0.3s}
.section img:hover{transform:scale(1.03);box-shadow:0 8px 20px rgba(160,18,58,0.2)}
.section .text{flex:1;min-width:250px}
.section .text h2{color:var(--accent);font-size:26px;margin-bottom:12px}
.section .text p{font-size:16px;line-height:1.6;color:#4b2e33;white-space:pre-line}
.link-box{text-align:center;margin-top:48px}
.link-box a{color:var(--accent);font-weight:700;font-size:20px;text-decoration:none}
.link-box a:hover{text-decoration:underline}
footer{margin-top:48px;border-top:1px solid #f2d2de;background:var(--paper)}
.footer-inner{padding:20px 0;text-align:center;color:#6b4b53;font-size:14px}