*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Open Sans',sans-serif;color:#222;background:#fff;line-height:1.6}
.container{width:min(95vw,1200px);margin:0 auto}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:10}
.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.nav .logo{font-weight:700;font-size:1.4rem;color:#ff0080;background:linear-gradient(90deg,#ff0080,#8a2be2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.nav a{margin:0 10px;color:#333;text-decoration:none;font-weight:600;opacity:.8}
.nav a:hover{opacity:1;color:#8a2be2}
.hero,.section{display:flex;align-items:center;justify-content:center;padding:0}
.section.light{background:#f8f9fa}
.img-full{width:100%;max-width:100%;display:block}
footer{text-align:center;padding:40px 0;background:#111;color:#bbb}