/* Styles for fund-finder landing page */

/* Fullscreen layout (no wrapper padding) */
.landing-wrapper-fullscreen { 
    height: 100vh; 
    overflow: hidden; 
}

.landing-card-fullscreen { 
    background: #fff; 
    height: 100%; 
    overflow: hidden; 
}

/* Header styles for landing page only */
.landing-header {
    background: #fff;
    flex-shrink: 0;
}

/* Content area with max-width constraint */
.landing-content-area {
    background: #fff;
}

.landing-content-inner {
    max-width: 400px;
    width: 100%;
}

/* Finder styles */
.finder-title { 
    font-size: 1.95rem; 
    font-weight: 700; 
    color: #0d2d56; 
}

.finder-icon { 
    font-size: 1.8rem; 
    color: #6fac3a; 
    position: relative; 
}

.finder-section p { 
    font-size: .9rem; 
}

.finder-btn { 
    height: 54px; 
    font-size: .95rem; 
    border-radius: 4px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
}

.login-divider { 
    font-size: .7rem; 
    letter-spacing: .5px; 
    display: flex; 
    align-items: center; 
    gap: .75rem; 
}

.login-divider:before, 
.login-divider:after { 
    content: ""; 
    flex: 1; 
    height: 1px; 
    background: #e2e2e2; 
}

.create-account-link { 
    text-decoration: underline; 
}

/* Hero column - fullscreen height */
.hero-col { 
    color: #fff; 
    min-height: 100vh;
    padding: 30px;
}

.hero-content-middle {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    gap: 20px;
    img {
        max-width: 100%;
        height: auto;
    }
}

.hero-bg { 
    position: absolute; 
    inset: 30px; 
    border-radius: 20px;
    overflow: hidden;
    background: #086375; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    mix-blend-mode: multiply; 
}

.hero-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: url('/svg/blue-q.svg');
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: .7;
}

.script-heading { 
    font-family: 'Trebuchet MS', 'Segoe UI', Arial, sans-serif; 
    font-size: 2.4rem; 
    font-weight: 600; 
    letter-spacing: .5px; 
}

@media (min-width:992px) { 
    .script-heading { 
        font-size: 2.8rem; 
    } 
}

.hero-screenshot-wrapper { 
    max-width: 520px; 
    width: 100%; 
}

.hero-screenshot { 
    background: #fff; 
    border-radius: 6px; 
    padding: .75rem; 
    position: relative; 
}


.hero-tagline { 
    max-width: 460px; 
    font-size: 1.05rem; 
}

@media (min-width:992px) { 
    .hero-tagline { 
        font-size: 1.15rem; 
    } 
}

/* Mobile adjustments */
@media (max-width:991.98px) { 
    .landing-wrapper-fullscreen {
        height: auto;
    }
    
    .hero-col {
        min-height: 60vh;
    }
}

@media (max-width: 767.98px) {
    .landing-header {
        padding-left: 15px;
    }
}