*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#050508;color:#fff;line-height:1.6}
nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:rgba(5,5,8,0.95);position:fixed;top:0;left:0;right:0;z-index:1000}
.nav-logo{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700}
.nav-logo span{color:#9333ea}
.nav-links{display:flex;list-style:none;gap:1.5rem}
.nav-link{color:#fff;text-decoration:none;font-size:0.9rem}
.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;z-index:1001;padding:8px}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff}
.hero,.page-header{padding-top:100px;min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
h1,h2,h3{font-weight:700;margin-bottom:1rem}
.section{padding:4rem 2rem}
.btn{display:inline-block;padding:0.75rem 1.5rem;background:#9333ea;color:#fff;text-decoration:none;border-radius:4px}
@media(max-width:1024px){
.nav-links{display:none;position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:rgba(5,5,8,0.98);flex-direction:column;justify-content:center;align-items:center;z-index:9999;padding:2rem;transition:right 0.3s}
.nav-links.active{display:flex;right:0}
.nav-links li{margin:1rem 0;list-style:none}
.nav-toggle{display:flex}
.nav-cta{display:none}
}