h1,h2,h3,h4,h5{color:#111;font-weight:700}p{color:#555;line-height:1.6}.hero-section{background-image:url(/build/images/banner.54a2aaf5.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;color:#fff;margin:-20px -38.4px;padding:100px 0 140px;position:relative;text-align:center;z-index:1}.hero-section:before{background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.hero-title{color:#fff;font-size:3.5rem;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-description{color:hsla(0,0%,100%,.95);font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px;text-shadow:0 1px 4px rgba(0,0,0,.5)}.search-bar-container{align-items:center;display:flex;justify-content:center;margin-top:2rem}.search-input-group{align-items:center;backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.95);border-radius:60px;box-shadow:0 8px 32px rgba(0,0,0,.2);display:flex;max-width:650px;padding:5px;transition:transform .2s ease;width:100%}.search-input-group:focus-within{background-color:#fff;transform:scale(1.02)}.search-input{background:transparent;border:none;color:#333;flex-grow:1;font-size:1.1rem;outline:none;padding:15px 25px}.search-button{align-items:center;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin-right:5px;transition:all .3s ease;width:50px}.search-button:hover{box-shadow:0 0 15px rgba(13,110,253,.5);transform:rotate(15deg)}.advanced-search-link{color:hsla(0,0%,100%,.9);display:inline-block;font-size:.95rem;margin-top:15px;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}.advanced-search-link:hover{color:#fff;text-decoration:underline}.functions-section{padding:4rem 0}.function-card,.functions-section{background-color:#fff;position:relative}.function-card{border:1px solid rgba(0,0,0,.03);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.06);display:block;height:100%;overflow:hidden;padding:30px 20px;text-align:center;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.function-card:hover{box-shadow:0 20px 40px rgba(13,110,253,.15);text-decoration:none;transform:translateY(-10px)}.function-card:after{background:linear-gradient(90deg,#0d6efd,#0dcaf0);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease;width:100%}.function-card:hover:after{transform:scaleX(1)}.function-card .icon-circle{align-items:center;background:linear-gradient(135deg,#eef2ff,#f8f9fa);border-radius:50%;color:#0d6efd;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 20px;transition:all .4s ease;width:70px}.function-card:hover .icon-circle{background:linear-gradient(135deg,#0d6efd,#0b5ed7);color:#fff;transform:scale(1.1) rotate(5deg)}.function-card h5{color:#444;font-size:1.15rem;font-weight:600;margin:0;transition:color .3s}.function-card:hover h5{color:#0d6efd}.roles-section{background-color:#f9fafb;padding:5rem 0 0}.role-card{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;height:100%;padding:2rem;position:relative;transition:box-shadow .2s ease,border-color .2s ease;z-index:1}.role-card:hover{box-shadow:0 10px 20px rgba(0,0,0,.05)}.role-icon{color:#0d6efd;font-size:1.8rem;margin-bottom:1rem}.learn-more-btn{background:none;border:none;color:#0d6efd;font-weight:600;margin-top:1rem;padding:0;pointer-events:none;text-decoration:none}.learn-more-btn i{transition:transform .3s ease}.role-card.active .learn-more-btn i{transform:rotate(180deg)}.role-details-wrapper{background:#fff;border:2px solid #0d6efd;border-radius:12px;border-top-left-radius:0;box-shadow:0 15px 30px rgba(13,110,253,.1);display:none;margin-bottom:20px;margin-top:-10px;padding:2.5rem;position:relative;width:100%;z-index:5}a.dashboard-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#212529;display:block;height:100%;padding:1.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}a.dashboard-card:hover{background:#fff;border-color:#dee2e6;box-shadow:0 5px 15px rgba(0,0,0,.08);transform:translateY(-3px)}.dashboard-icon-wrapper{color:#0d6efd;font-size:1.8rem;margin-bottom:1rem}.yubizz-promo-card{background:linear-gradient(90deg,#f8f9fa,#eef2ff);border:1px solid #dbeafe;border-left:5px solid #0d6efd;border-radius:12px;box-shadow:0 10px 25px rgba(13,110,253,.08);overflow:hidden;padding:3rem;position:relative}.yubizz-title{color:#111;font-size:2rem;font-weight:800;margin-bottom:.5rem}.badge-yubizz{background-color:#dbeafe;border-radius:4px;color:#0d6efd;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5em .8em}.btn-yubizz{background-color:#0d6efd;border:2px solid #0d6efd;border-radius:6px;box-shadow:0 4px 6px rgba(13,110,253,.2);color:#fff;font-size:1.1rem;font-weight:600;padding:12px 28px;transition:all .3s ease}.btn-yubizz:hover{background-color:#0b5ed7;border-color:#0b5ed7;box-shadow:0 8px 15px rgba(13,110,253,.3);color:#fff;text-decoration:none;transform:translateY(-2px)}.hybrid-section{background-color:#fff;padding:5rem 0}.hybrid-card{background-color:#f3f4f6;border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:hidden}.hybrid-img-container{height:250px;overflow:hidden}.hybrid-img-container img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.hybrid-card:hover .hybrid-img-container img{transform:scale(1.05)}.hybrid-body{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:2rem}.btn-custom-primary{background-color:#0d6efd;border-color:#0d6efd;border-radius:6px;color:#fff;font-weight:600;padding:10px 24px}.btn-custom-primary:hover{background-color:#0b5ed7;color:#fff}.btn-custom-secondary{background-color:#e9ecef;border-color:#e9ecef;border-radius:6px;color:#212529;font-weight:600;padding:10px 24px}.btn-custom-secondary:hover{background-color:#fff;border-color:#0d6efd;color:#0d6efd}.btn-block-custom{display:block;text-align:center;width:100%}