@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";
.hero-section{background:linear-gradient(135deg,#f5c02c0d 0%,#2a82d70d 100%);padding:6rem 0;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#f5c02c26 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#2a82d71a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-5%}.hero-section .hero-content{z-index:1;position:relative}.hero-section .hero-content .hero-title{color:#212529;background:linear-gradient(135deg,#212529 0%,#f5c02c 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.2}.hero-section .hero-content .hero-subtitle{color:#6c757d;max-width:700px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.7}.hero-section .hero-content .hero-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-section .hero-content .hero-buttons .primary-hero-button:hover,.hero-section .hero-content .hero-buttons .primary-hero-button:focus{color:#f5c02c;background-color:#fff}@media (max-width:768px){.hero-section{padding:4rem 0}.hero-section .hero-content .hero-title{font-size:2.5rem}.hero-section .hero-content .hero-subtitle{margin-bottom:2rem;font-size:1.1rem}.hero-section .hero-content .hero-buttons{flex-direction:column;align-items:center}.hero-section .hero-content .hero-buttons .primary-hero-button,.hero-section .hero-content .hero-buttons .secondary-hero-button{min-width:185px;margin:0!important}}