body,html{margin:0;padding:0;overflow-x:hidden;font-family:Inter,sans-serif;background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;height:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}.navbar{position:fixed;top:0;width:100%;background:rgba(0,0,0,.4);backdrop-filter:blur(10px);z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{font-weight:700;color:#fff;text-decoration:none;font-size:1.25rem}.links{display:flex;gap:1.5rem}.links a{color:#fff;font-weight:600;text-decoration:none;transition:color .3s}.links a:hover{color:#00f0ff}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer}@media(max-width:768px){main.content{padding-top:200px!important}.mobile-toggle{display:block}.links{display:none;position:absolute;top:60px;right:0;flex-direction:column;background:rgba(0,0,0,.9);padding:1rem;border-radius:0 0 0 10px}.links.open{display:flex;animation:fadeInUp .3s ease forwards}}.content{padding-top:70px}.logo-container{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-img{height:40px;width:auto}.logo-text{font-weight:700;color:#fff;font-size:1.25rem;white-space:nowrap}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15vh 2rem 5rem;min-height:100vh}.hero h1{font-size:3rem;margin:0;animation:fadeInUp 1s ease forwards}.hero p{font-size:1.25rem;margin-top:1rem;max-width:600px;animation:fadeInUp 1s ease .3s forwards;opacity:0}.hero .buttons{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:fadeInUp 1s ease .6s forwards;opacity:0}.button-primary{padding:.75rem 1.5rem;background:#00f0ff;color:#000;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.button-primary:hover{transform:translateY(-3px);background:#00c7ff}.button-secondary{padding:.75rem 1.5rem;background:transparent;border:2px solid #fff;color:#fff;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.button-secondary:hover{background:hsla(0,0%,100%,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero h1{font-size:2.75rem}.hero p{font-size:1.15rem}}@media(max-width:768px){.hero h1{font-size:2.25rem}.hero p{font-size:1rem}.navbar{justify-content:center;text-align:center;padding:1rem}.navbar .links{justify-content:center;gap:.5rem;margin-top:.5rem}}