.gradient-container{border:1px solid #ffc33c;margin:20px auto;max-width:800px;padding:20px;text-align:center}.gradient-container h2{background:linear-gradient(180deg,#9ae8ff 0,#0cf 50%,#0093ff);-webkit-background-clip:text;font-size:2rem;font-weight:700;margin:10px 0;-webkit-text-fill-color:transparent}.gradient-container p{color:#fff;font-size:1rem;margin:10px 0}.hero-button{align-items:center;background:linear-gradient(260deg,#9ae8ff,#0093ff);border-radius:.125rem;color:#fff;display:inline-flex;font-family:Red Hat Display,sans-serif;font-size:1.125rem;justify-content:center;letter-spacing:.25rem;line-height:1.25rem;padding:1.375rem 2rem;text-align:center;text-transform:uppercase;word-wrap:break-word;margin-top:1.25rem;text-decoration:none}.hero-button-container{align-items:center;display:flex;flex-direction:column;gap:2.5625rem;justify-content:flex-start}.modal{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#001027;border-radius:.25rem;margin:10% auto;max-width:500px;padding:20px;position:relative;width:80%}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}