body{margin:0;font-family:Arial;background:#f7f7fb;color:#222}
nav{display:flex;justify-content:space-between;align-items:center;padding:15px}
nav ul{list-style:none;display:flex;gap:20px}
nav a{text-decoration:none;color:white}
.logo{height:50px}
.hero{background:linear-gradient(rgba(70,30,120,.8),rgba(70,30,120,.8)),url('hero.jpg');color:white;min-height:100vh}
.hero-content{text-align:center;padding-top:20vh}
.btn{padding:12px 24px;background:#6c5ce7;color:white;border-radius:25px;text-decoration:none}
.btn.outline{background:none;border:2px solid white}
.section,.page{padding:60px;text-align:center}
.card{background:white;padding:30px;border-radius:12px;max-width:400px;margin:auto}
.qr{max-width:260px}