/* ── Reset & Base ── */
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif;}
html{scroll-behavior:smooth;}
body{color:#1a1a2e;line-height:1.7;background:#f8f8fb;font-size:17px;}

/* ── Header & Nav ── */
header{position:fixed;width:100%;background:#fff;box-shadow:0 2px 16px rgba(0,0,0,0.08);z-index:1000;}
.container{width:90%;max-width:1200px;margin:auto;}
.nav{display:flex;justify-content:space-between;align-items:center;padding:8px 0;}
.logo{height:62px;}
nav a{margin-left:25px;text-decoration:none;color:#333;font-weight:600;font-size:0.95rem;letter-spacing:0.3px;}
nav a:hover{color:#c60000;}

/* ── Footer ── */
footer{text-align:center;padding:30px;background:#1a1a2e;color:rgba(255,255,255,0.7);font-size:0.95rem;}
footer strong{color:#fff;}

/* ── Fade-up animation ── */
.fade-up{opacity:0;transform:translateY(40px);transition:all 0.8s ease;}
.fade-up.show{opacity:1;transform:translateY(0);}

/* ── Mobile ── */
@media(max-width:768px){
  .nav{flex-direction:column;}
  nav{margin-top:10px;}
}