.assessment-hero{background-color:#0000;background-image:linear-gradient(#07294dd9,#07294dd9),url(/img/assessment_hero_bg.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:100px 0}.assessment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;transition:all .4s;border:1px solid #fff3!important;box-shadow:0 30px 60px #0000001a!important}.assessment-card:hover{transform:translateY(-5px)}.option-btn{position:relative;overflow:hidden;color:#4a5568!important;background:#f8fbff!important;border:2px solid #eef2f6!important;font-weight:600!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.option-btn:hover{transform:translateY(-2px);color:#f70!important;background:#fffcf9!important;border-color:#f70!important}.option-btn.active{color:#fff!important;background:linear-gradient(135deg,#f70 0%,#ff9d4d 100%)!important;border-color:#0000!important;box-shadow:0 10px 20px #f703!important}.assessment-input{background:#f8fbff!important;border:2px solid #eef2f6!important;border-radius:12px!important;padding:15px 20px!important;font-size:1.1rem!important;transition:all .3s!important}.assessment-input:focus{background:#fff!important;border-color:#f70!important;box-shadow:0 0 0 4px #ff77001a!important}.assessment-progress{background-color:#eef2f6!important;border-radius:10px!important;height:8px!important}.assessment-progress-bar{background:linear-gradient(90deg,#f70,#ff9d4d)!important;border-radius:10px!important}.benefit-card{border:1px solid #f0f0f0!important;border-radius:20px!important;transition:all .4s!important}.benefit-card:hover{background:#fff!important;border-color:#ff77004d!important;box-shadow:0 20px 40px #0000000d!important}.benefit-icon-wrapper{background:#fff5eb;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;transition:transform .3s;display:flex}.benefit-card:hover .benefit-icon-wrapper{background:#f70;transform:scale(1.1)rotate(5deg)}.benefit-card:hover .benefit-icon-wrapper i{color:#fff!important}@media (max-width:768px){.assessment-hero{padding:60px 0}.display-5{font-size:2.2rem!important}}@media (max-width:480px){.assessment-card{padding:2rem 1.25rem!important}.assessment-hero h1{font-size:1.8rem!important}}@media (max-width:320px){.assessment-hero h1{font-size:1.4rem!important}.assessment-card{padding:1.5rem .75rem!important}}