html,body{overflow:hidden;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#000;color:#f0f0f0;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;width:100%;background-color:#111;padding:1.5rem 0}.logo{font-size:2rem;font-weight:700;margin-left:3rem}nav{margin-right:3rem}nav ul{display:flex;list-style:none}nav ul li{margin-left:3rem}nav ul li a{color:#f0f0f0;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border-radius:5px}.hero{display:flex;justify-content:center;align-items:center;flex-grow:1;text-align:center;padding:2rem 1rem}.hero-content{color:#fff;background-color:#000000b3;padding:3rem;border-radius:15px}h1{margin-bottom:1.5rem}p{margin-bottom:2rem}.buttons{display:flex;justify-content:center;gap:1rem}.btn{background-color:#5865f2;color:#fff;padding:1.2rem 2.5rem;border-radius:5px;margin:0;text-decoration:none}footer{background-color:#111;width:100%;padding:1rem;text-align:center;font-size:1.2rem;position:relative;bottom:0}