.intro {padding: 90px 0;overflow: hidden; }.intro .intro-content .sub-title {color: var(--gold-accent);font-weight: 500; font-style: Medium;font-size: 1rem;margin-bottom: 1rem;display: flex;align-items: center;gap: 8px;}.intro .intro-content .title-bold {color: var(--text-main);font-size: 2.25rem;font-weight: 700;font-style: Bold;line-height: 1.5;margin-bottom: 1.5rem;}.intro .intro-content .title-bold span {color: var(--gold-accent);}.intro .intro-content .description {font-weight: 400;font-style: Regular;font-size: 1rem;color: var(--text-muted);line-height: 1.8;margin-bottom: 2rem;text-align: justify;}.intro .intro-content .btns{gap: 1rem;display: flex;flex-wrap: wrap;}.intro .intro-content .btns .btn {flex: 1 0 185px;padding: 10px 24px;border-radius: var(--radius-custom);font-weight: 500;font-style: Medium;font-size: 1rem;transition: var(--transition);}.intro .intro-content .btns .btn-signup {background-color: var(--primary-dark);color: var(--white) !important;border: none;}.intro .intro-content .btns .btn-signup:hover {transform: translateY(-1px);opacity: 0.9;}.intro .intro-content .btns .btn-link {border: 1px solid var(--border-color);color: var(--text-primary-dark);}.intro .image-wrapper {position: relative;display: flex;justify-content: center;}.intro .image-wrapper .main-logo .logo{height: 148px;aspect-ratio: 496 / 148;}@media (max-width: 991px) {.intro .image-wrapper .main-logo .logo{height: unset;width: 100%;aspect-ratio: 496 / 148;}}.intro .main-img-holder img {width: 100%;max-width: 480px;position: relative;z-index: 2;filter: drop-shadow(0 10px 30px rgba(0,0,0,0.05));}.intro .main-img-holder .img-shadow {backdrop-filter: blur(25px);position: absolute;bottom: -49px;left: 50%;transform: translateX(-50%);}.intro .floating-card {padding: 16px 24px;gap: 15px;background-color: var(--bg-intro-blur);position: absolute;backdrop-filter: blur(16px) saturate(180%);-webkit-backdrop-filter: blur(16px) saturate(180%);border: 1px solid var(--border-intro-blur);border-radius: 12px;z-index: 3;box-shadow: 0px 8px 24px 0px var(--shadow-intro-blur);}.intro .card-content {display: flex;flex-direction: column;gap: 4px;}.intro .card-title {font-weight: 700;font-style: Bold;color: var(--text-main);font-size: 1rem;}.intro .card-detail {font-weight: 400;font-style: Regular;color: var(--text-muted);font-size: 0.75rem;}.intro .info-top {top: 19px;right: 50%;transform: translateX(calc(50% + 100% + 25%));width: max-content;}.intro .info-bottom {bottom: 35px;left: 50%;transform: translateX(calc(-50% - 90%));width: max-content;}.intro .vector-top, .intro .vector-bottom {position: absolute;fill: var(--gold-accent); z-index: 1;}.intro .vector-top {top: 80px;right: 50%;transform: translateX(calc(50% + 100% + 32%));}.intro .vector-bottom {bottom: 98px;left: 50%;transform: translateX(calc(-50% - 113%));}@media (max-width: 991px) {.intro {padding: 40px 0;}.intro .intro-content .title-bold {font-size: 1.8rem;}.intro .intro-content .btns{gap: 0.5em;}.intro .info-top {right: 0px;top: -16px;transform: translate(100%);width: max-content;}.intro .info-bottom {left: 8px;bottom: -20px;transform: translate(-100%);width: max-content;}.intro .vector-top {top: 60px;right: -110px;transform: rotate(-20deg) scale(0.5) translate(100%)}.intro .vector-bottom {bottom: -15px;left: -250px;transform: rotate(-20deg) scale(0.5) translate(100%);}.intro .main-img-holder img {max-width: 320px;}.intro .main-img-holder img {width: 100%;max-width: 214px;position: relative;z-index: 2;filter: drop-shadow(0 10px 30px rgba(0,0,0,0.05));}.intro .main-img-holder .img-shadow {width: 214px;height: 77px;position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);}.intro .floating-card svg{width: 15px;height: 15px;}.intro .card-title {font-size: 10px;}.intro .card-detail {font-size: 8px;}}@media (min-width: 992px) {.intro .intro-content .btns .btn {width: fit-content;}}