@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
--primary:#66101F;
--primary-dark:#470A15;
--accent:#D4AF37;
--bg:#f5f6f8;
--card:#ffffff;
--text:#3b3b3b;
--border:#e8e8e8;
--shadow:0 15px 35px rgba(0,0,0,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
body{padding-top:88px;font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);line-height:1.8}
header{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:18px 8%;z-index:1000;box-shadow:0 8px 20px rgba(0,0,0,.15);transition:background .25s,box-shadow .25s}
header.is-scrolled{background:transparent;box-shadow:none}
header.is-scrolled h1,header.is-scrolled .menu-toggle{color:#111}
header h1{color:#fff;font-size:1.75rem;margin:0;letter-spacing:3px}
.menu-toggle{display:flex;padding:4px;border:0;background:none;color:#fff;cursor:pointer}
nav{position:fixed;top:76px;right:0;left:0;display:none;max-height:calc(100vh - 76px);padding-bottom:20px;flex-direction:column;overflow-y:auto;background:#fff;overscroll-behavior:contain}
nav.active{display:flex}
nav a{color:#111;text-decoration:none;padding:16px 20px;border-bottom:1px solid #e5e5e5;font-weight:500;transition:.3s}
nav a:hover{background:#f5f5f5;color:#111}
main{max-width:1000px;margin:50px auto;padding:0 20px}
h2{font-size:2rem;color:var(--primary);margin:20px 0 15px}
h2:after{content:'';display:block;width:70px;height:4px;background:var(--accent);margin-top:10px;border-radius:10px}
h3{margin:30px 0 10px;color:#222}
p,li{font-size:1rem;color:#555}
ul{padding-left:22px;margin:18px 0}
.notice{background:#fff8e8;border-left:5px solid var(--accent);padding:20px;border-radius:12px;margin:25px 0}
section,.content,.policy{background:var(--card);padding:40px;border-radius:20px;box-shadow:var(--shadow);margin:40px auto}
table{width:100%;border-collapse:collapse;margin:25px 0}
th,td{padding:14px;border:1px solid var(--border)}
th{background:var(--primary);color:#fff}
footer{margin-top:60px;background:var(--primary);color:#fff;text-align:center;padding:35px 20px}
footer strong{display:block;line-height:1.8;margin-bottom:15px}
@media(max-width:768px){
body{padding-top:62px}
header{padding:12px 20px}
header h1{font-size:1.35rem}
nav{top:62px;max-height:calc(100vh - 62px)}
section,.content,.policy{padding:25px}
}