.hero-banner{position:relative;width:100%;height:180px;background:linear-gradient(135deg,#0ca678 0,#006994 100%);overflow:hidden}.hero-banner::after{content:'';position:absolute;right:-20px;bottom:-40px;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%}.hero-banner::before{content:'';position:absolute;left:-30px;top:-30px;width:100px;height:100px;background:rgba(255,255,255,.1);border-radius:50%}.banner-content{position:absolute;bottom:0;left:0;width:100%;padding:25px;color:#fff;z-index:2}.banner-content .badge{background:rgba(255,255,255,.2);backdrop-filter:blur(5px);color:#fff;padding:4px 10px;border-radius:50px;font-size:.75rem;font-weight:800;display:inline-block;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.banner-content h2{margin:0 0 5px;font-size:1.8rem;font-weight:900;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.banner-content p{margin:0;font-size:.95rem;opacity:.9}