/* BulkPostAds Premium Hero — isolated enhancements */

.hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse at 90% 17%, rgba(77,137,255,.19), transparent 43%),
        radial-gradient(ellipse at 4% 90%, rgba(184,212,255,.30), transparent 45%),
        linear-gradient(135deg,#f4f8ff 0%,#ffffff 52%,#edf4ff 100%);
}

.hero::before {
    content: "";
    position: absolute;
    width: 480px;
    height: 480px;
    right: -180px;
    top: -190px;
    border-radius: 50%;
    border: 1px solid rgba(37,99,235,.12);
    pointer-events: none;
    z-index: -1;
}

.hero h1 {
    letter-spacing: -.055em;
    line-height: 1.08;
}

.hero-search-panel {
    border: 1px solid rgba(188,205,237,.7);
    border-radius: 22px;
    box-shadow:
        0 24px 65px rgba(21,54,110,.10),
        0 4px 14px rgba(21,54,110,.04);
}

.hero-visual {
    filter: drop-shadow(0 15px 30px rgba(37,99,235,.07));
}

.visual-main-card {
    border: 1px solid rgba(199,215,245,.8);
    box-shadow: 0 35px 85px rgba(22,62,135,.14);
}

.hero .primary-button,
.hero .search-submit {
    transition: transform .2s ease,box-shadow .2s ease;
}

.hero .primary-button:hover,
.hero .search-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(21,94,239,.22);
}

@media (max-width: 768px) {
    .hero::before {
        width: 260px;
        height: 260px;
        right: -130px;
        top: -100px;
    }
    .hero h1 {
        letter-spacing: -.035em;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero .primary-button,
    .hero .search-submit {
        transition: none;
    }
}