/* BoostSMM home-only visual refresh; loaded by home.blade.php after style.css. */
.header_area .nav_area {
    background: rgba(17, 24, 52, .97);
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    backdrop-filter: blur(14px);
}
.header_area .navbar,
.header_area .navbar.active { background: transparent; box-shadow: none; }
.header_area .custom_nav { padding-top: 12px; padding-bottom: 12px; }
.header_area .nav_area .nav-item { padding: 0 7px; }
.header_area .nav_area .nav-link,
.header_area .navbar.active .nav-link { color: #e9ecf8; font-size: 14px; font-weight: 600; }
.header_area .nav_area .nav-link:hover,
.header_area .navbar.active .nav-link:hover,
.header_area .nav_area .nav-link.active { color: #ff9b82; }
.header_area .nav_area .login_btn,
.header_area .navbar.active .login_btn {
    padding: 10px 22px;
    border: 1px solid #fff;
    border-radius: 11px !important;
    color: #19203d !important;
    background: #fff;
    font-weight: 700;
}
.header_area .nav_area .login_btn:hover,
.header_area .navbar.active .login_btn:hover { border-color: #ff765d; color: #fff !important; background: #ff765d; }

.bs-hero,
.bs-home { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; }
.bs-hero {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    min-height: 730px;
    padding: 150px 0 88px;
    overflow: hidden;
    color: #fff;
    background: radial-gradient(circle at 82% 26%, rgba(255, 115, 88, .28), transparent 34%),
                linear-gradient(135deg, #141b3b 0%, #1d2650 57%, #2c2d5c 100%);
}
.bs-hero::after {
    content: "";
    position: absolute;
    right: -9%;
    bottom: -44%;
    z-index: -1;
    width: 66%;
    aspect-ratio: 1;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 50%;
}
.bs-hero-glow { position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; filter: blur(8px); }
.bs-hero-glow-one { top: 40%; left: -160px; width: 350px; height: 350px; background: rgba(255, 107, 85, .16); }
.bs-hero-glow-two { top: 6%; right: 14%; width: 220px; height: 220px; background: rgba(91, 116, 235, .2); }
.bs-hero-container { position: relative; z-index: 1; }
.bs-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 13px;
    margin-bottom: 22px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 100px;
    color: #f8ced1;
    background: rgba(255, 255, 255, .07);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
}
.bs-eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff846d; box-shadow: 0 0 0 4px rgba(255, 132, 109, .16); }
.bs-hero h1 { max-width: 750px; margin: 0; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: clamp(40px, 4.6vw, 60px); font-weight: 600; line-height: 1.14; letter-spacing: -.025em; }
.bs-hero-description { max-width: 615px; margin: 25px 0 0; color: #d7def4; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.7; }
.bs-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.bs-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 53px;
    padding: 13px 23px;
    border: 1px solid transparent;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.3;
    text-decoration: none;
    transition: transform .18s, background .18s, border-color .18s;
}
.bs-button:hover { transform: translateY(-2px); text-decoration: none; }
.bs-button-primary { color: #fff; background: #fa694f; box-shadow: 0 12px 26px rgba(240, 89, 66, .23); }
.bs-button-primary:hover { color: #fff; background: #ec563e; }
.bs-button-ghost { border-color: rgba(255, 255, 255, .3); color: #fff; background: rgba(255, 255, 255, .05); }
.bs-button-ghost:hover { border-color: rgba(255, 255, 255, .64); color: #fff; background: rgba(255, 255, 255, .11); }
.bs-hero-utilities { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 29px; }
.bs-utility-link { display: inline-flex; align-items: center; gap: 9px; color: #dce2f4; font-size: 13px; font-weight: 600; text-decoration: none; }
.bs-utility-link:hover { color: #fff; text-decoration: none; }
.bs-utility-icon { display: grid; place-items: center; width: 29px; height: 29px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 9px; color: #ffae99; background: rgba(255, 255, 255, .07); font-size: 12px; }
.bs-social-auth { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-top: 31px; }
.bs-social-label { margin-right: 3px; color: #aeb9d6; font-size: 12px; }
.bs-social-button { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, .19); border-radius: 9px; color: #eef1fb; background: rgba(255, 255, 255, .07); font-size: 12px; font-weight: 650; text-decoration: none; }
.bs-social-button:hover { border-color: rgba(255, 255, 255, .46); color: #fff; background: rgba(255, 255, 255, .14); text-decoration: none; }
.bs-translate { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 19px; color: #abb5d0; font-size: 11px; }
.bs-translate > span { display: inline-flex; align-items: center; gap: 7px; }
.bs-translate .goog-te-gadget { color: #abb5d0; font-size: 10px; }
.bs-translate .goog-te-combo { max-width: 175px; padding: 5px 9px; border: 1px solid rgba(255, 255, 255, .24); border-radius: 8px; color: #202941; background: #fff; font-size: 11px; }
.bs-hero-visual { position: relative; max-width: 470px; padding: 28px 25px 38px; margin: auto; }
.bs-image-orbit { position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, .13); border-radius: 35% 65% 51% 49% / 52% 42% 58% 48%; transform: rotate(-13deg); }
.bs-image-orbit-one { inset: 10px -4px 18px; }
.bs-image-orbit-two { inset: -5px 20px 30px; border-color: rgba(255, 132, 109, .31); transform: rotate(16deg); }
.bs-hero-image-frame { position: relative; height: 460px; padding: 8px; overflow: hidden; border: 1px solid rgba(255, 255, 255, .32); border-radius: 32px; background: rgba(255, 255, 255, .09); box-shadow: 0 30px 60px rgba(3, 7, 28, .32); }
.bs-hero-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 25px; }
.bs-visual-note { position: absolute; bottom: 16px; left: -18px; display: flex; align-items: center; gap: 11px; min-width: 220px; padding: 11px 15px; border: 1px solid #e8eaf1; border-radius: 14px; color: #17203f; background: #fff; box-shadow: 0 18px 36px rgba(6, 11, 32, .19); }
.bs-visual-note-icon { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 11px; color: #f4624d; background: #fff0eb; }
.bs-visual-note strong, .bs-visual-note small { display: block; }
.bs-visual-note strong { font-size: 12px; }
.bs-visual-note small { margin-top: 2px; color: #727b92; font-size: 11px; }
.bs-visual-spark { position: absolute; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: #fff; background: #fa694f; box-shadow: 0 10px 23px rgba(7, 12, 36, .24); }
.bs-visual-spark-one { top: 75px; right: -12px; transform: rotate(13deg); }
.bs-visual-spark-two { right: 12px; bottom: 1px; width: 35px; height: 35px; background: #5574e6; transform: rotate(-12deg); }

.bs-home { color: #24304c; background: #fff; }
.bs-home section { position: relative; padding: 93px 0; }
.bs-home .shape1, .bs-home .shape2, .bs-home .shape3 { display: none !important; }
.bs-home .section_header { max-width: 780px; margin-bottom: 35px; }
.bs-home .section_header.text-center { margin-right: auto; margin-left: auto; }
.bs-home .section_header h2, .bs-home .section_header h3 { color: #182244; font-size: clamp(30px, 3.3vw, 44px); font-weight: 800; line-height: 1.18; letter-spacing: -.035em; }
.bs-home .section_header h5, .bs-home .section_header h6 { color: #3d4866; }
.bs-home .section_header p, .bs-home .section_content p, .bs-home .cmn_box p, .bs-home .cmn_box2 p { color: #63708c; font-size: 15px; line-height: 1.75; }
.bs-home .section_subtitle { display: inline-block; padding: 0; margin-bottom: 13px; color: #ef644d; background: none; font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.bs-home .section_subtitle::before, .bs-home .section_subtitle::after { display: none; }
.bs-home .custom_btn { padding: 12px 21px; border: 0; border-radius: 11px !important; color: #fff; background: #f3654e; font-size: 13px; font-weight: 700; box-shadow: 0 8px 18px rgba(239, 100, 77, .14); }
.bs-home .custom_btn:hover { color: #fff; background: #dc533d; }
.bs-home .feature_area { padding-top: 87px; margin-top: 0 !important; background: #f7f8fc; }
.bs-home .feature_area .cmn_box, .bs-home .service_area .cmn_box { align-items: flex-start; padding: 32px; border: 1px solid #e8ebf3; border-radius: 20px; text-align: left !important; box-shadow: 0 12px 32px rgba(28, 39, 78, .045); transition: transform .18s, box-shadow .18s; }
.bs-home .feature_area .cmn_box:hover, .bs-home .service_area .cmn_box:hover { transform: translateY(-4px); box-shadow: 0 20px 35px rgba(28, 39, 78, .08); }
.bs-home .feature_area .cmn_icon, .bs-home .service_area .cmn_icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 0 17px; border-radius: 16px; background: #fff0eb; }
.bs-home .feature_area .cmn_icon img, .bs-home .service_area .cmn_icon img { width: 32px; height: 32px; object-fit: contain; }
.bs-home .feature_area h5, .bs-home .service_area h5 { padding-top: 0 !important; margin-bottom: 9px !important; color: #1c2847; font-size: 19px; font-weight: 750; }
.bs-home .feature_area p, .bs-home .service_area p { margin-bottom: 0; }
.bs-home .service_area { background: #f7f8fc; }
.bs-home .service_area .cmn_box .custom_btn { margin-top: auto !important; }
.bs-home .about_area { background: #fff; }
.bs-home .about_area .image_area { overflow: hidden; border-radius: 24px; background: #f6f7fb; box-shadow: 0 25px 50px rgba(20, 30, 69, .08); }
.bs-home .about_area .image_area > img { width: 100%; max-height: 500px; object-fit: cover; }
.bs-home .about_area .section_content { max-width: 540px; }
.bs-home .how_it_work_area { background: #fff; }
.bs-home .how_it_work_area .cmn_box2 { min-height: 160px; padding: 26px; border: 1px solid #e9edf5; border-radius: 17px; background: #fff; box-shadow: 0 12px 25px rgba(25, 37, 78, .04); }
.bs-home .how_it_work_area .cmn_box2 .number { color: #fa694f; font-size: 13px; font-weight: 800; }
.bs-home .how_it_work_area .text_area h5 { color: #1c2847; font-size: 18px; font-weight: 750; }
.bs-home .achivement_area { color: #fff; background: #182244; }
.bs-home .achivement_area .section_header h3, .bs-home .achivement_area h4, .bs-home .achivement_area h5 { color: #fff; }
.bs-home .achivement_area .cmn_box { border: 1px solid rgba(255, 255, 255, .15); border-radius: 16px; background: rgba(255, 255, 255, .07); }
.bs-home .achivement_area .cmn_box img { max-height: 44px; object-fit: contain; }
.bs-home .learn_more_area { color: #fff; background: linear-gradient(125deg, #f26650, #fc8062); }
.bs-home .learn_more_area .section_header h3, .bs-home .learn_more_area .section_header h6 { color: #fff; }
.bs-home .learn_more_area img { max-height: 360px; object-fit: contain; }
.bs-home .learn_more_area .custom_btn { color: #1e2948; background: #fff; box-shadow: none; }
.bs-home .learn_more_area .custom_btn:hover { color: #1e2948; background: #fff5f1; }
.bs-home .testimonial_area { background: #fff; }
.bs-home .testimonial_area .cmn_box { height: 100%; padding: 28px; border: 1px solid #e8ebf3; border-radius: 20px; box-shadow: 0 12px 30px rgba(28, 39, 78, .05); }
.bs-home .testimonial_area .cmn_icon img { width: 66px; height: 66px; border-radius: 50%; object-fit: cover; }
.bs-home .testimonial_area .text_area p { color: #586581; font-size: 14px; line-height: 1.7; }
.bs-home .blog_area { background: #f7f8fc; }
.bs-home .blog_area .blog_box { height: 100%; overflow: hidden; border: 1px solid #e8ebf3; border-radius: 19px; background: #fff; box-shadow: 0 12px 28px rgba(28, 39, 78, .045); }
.bs-home .blog_area .blog_box img { width: 100%; height: 205px; object-fit: cover; }
.bs-home .blog_area .blog_box .text_area { padding: 22px; }
.bs-home .blog_area .blog_box h5 a { color: #1c2847; }
.bs-home .payment_area { background: #fff; }
.bs-home .payment_area .image_area { display: grid; place-items: center; min-height: 84px; padding: 13px; border: 1px solid #eceef5; border-radius: 13px; background: #fff; }
.bs-home .payment_area .image_area img { max-width: 100%; max-height: 50px; object-fit: contain; }
.bs-home .newsletter_area { padding-top: 42px; padding-bottom: 95px; background: #f7f8fc; }
.bs-home .newsletter_inner { padding: 35px; border-radius: 20px !important; box-shadow: 0 16px 40px rgba(26, 41, 84, .07); }
.bs-home .newsletter_inner h3 { font-size: 26px; font-weight: 750; }
.bs-home .newsletter_inner input { min-height: 50px; border-radius: 10px; }
.bs-home .newsletter_inner button { border-radius: 10px; }

@media (max-width: 991px) {
    .header_area .nav_area .bars { color: #fff; }
    .header_area .navbar-collapse { padding: 14px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: #1b2448; }
    .header_area .nav_area .nav-link { color: #fff; }
    .bs-hero { min-height: 0; padding: 135px 0 75px; }
    .bs-hero-visual { max-width: 410px; }
    .bs-hero-image-frame { height: 390px; }
    .bs-home section { padding: 75px 0; }
}
@media (max-width: 575px) {
    .header_area .custom_nav { padding: 10px 0; }
    .bs-hero { padding: 118px 0 61px; }
    .bs-hero h1 { font-size: clamp(35px, 9.2vw, 42px); }
    .bs-hero-description { margin-top: 19px; font-size: 15px; }
    .bs-hero-actions { gap: 9px; }
    .bs-button { flex: 1 1 100%; }
    .bs-social-auth { margin-top: 27px; }
    .bs-social-label { flex-basis: 100%; }
    .bs-hero-visual { max-width: 330px; padding: 12px 15px 30px; margin-top: 5px; }
    .bs-hero-image-frame { height: 310px; }
    .bs-visual-note { left: -3px; bottom: 0; }
    .bs-visual-spark-one { right: 1px; }
    .bs-home section { padding: 62px 0; }
    .bs-home .feature_area .cmn_box, .bs-home .service_area .cmn_box { padding: 25px; }
    .bs-home .newsletter_inner { padding: 25px 18px; }
}
@media (prefers-reduced-motion: reduce) {
    .bs-button, .bs-home .feature_area .cmn_box, .bs-home .service_area .cmn_box { transition: none; }
}
