body {font-family: Arial,sans-serif;background:#0f0f11;color:#eaeaea;margin:0;}
.logo {height:50px;}
.hero{height:90vh;display:flex;align-items:center;justify-content:center;
background:url('images/hero-bg.jpg') center/cover no-repeat;text-align:center;color:white;}
.hero-overlay{background-color:rgba(15,15,17,0.7);padding:2rem;border-radius:8px;}
.fade-in{opacity:0;animation:fadeIn 1s forwards;}
.fade-in.delay{animation-delay:0.5s;}
.fade-in.delay2{animation-delay:1s;}
@keyframes fadeIn{to{opacity:1;}}
.animate-on-scroll{opacity:0;transform:translateY(40px);transition:all 0.8s ease-out;}
.animate-on-scroll.visible{opacity:1;transform:translateY(0);}
.btn{background:#9b5de5;color:white;padding:0.75rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:bold;transition:all 0.2s;}
.btn:hover{background:#7a3cc2;transform:scale(1.05);box-shadow:0 0 12px rgba(155,93,229,0.5);}