html,body{margin:0;padding:0;overflow-x:hidden;font-family:Arial,sans-serif;background:linear-gradient(135deg,#78789b,#8451b6);color:#fff;box-sizing:border-box}.hero{text-align:center;padding:50px;margin:0 auto;background:transparent;max-width:1000px}.hero h1{font-size:2.5rem;margin-bottom:20px}.hero p{margin:20px 0;font-size:1.2rem}.hero .cta-button{background-color:#6f42c1;padding:12px 25px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out}.hero .cta-button:hover{background-color:#5a32a3;transform:scale(1.05);box-shadow:0 5px 15px #00000080}.features{display:flex;justify-content:center;gap:20px;margin:0 auto;padding:20px 0}.features .feature-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:15px;text-align:center;width:30%;max-width:300px;box-shadow:0 4px 15px #0000004d}.features .feature-card h2{margin-bottom:10px;color:#fff}.features .feature-card p{color:#fffc}.features .feature-card a{text-decoration:none;color:#6f42c1}.features .feature-card a:hover{color:#5a32a3}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background:#24243ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;margin:0 auto;width:100%;box-shadow:0 4px 15px #0003}