/* OHELP_GLASS_LANDING_V1 */

/* Background */
body:has(.landing-content) {
    background:
        radial-gradient(
            circle at 12% 12%,
            rgba(91, 218, 169, .24),
            transparent 35%
        ),
        radial-gradient(
            circle at 88% 28%,
            rgba(126, 184, 255, .19),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #eef8f3 0%,
            #e6f0ed 48%,
            #f3f8f7 100%
        );
    background-attachment: fixed;
}

/* Landing page container */
.landing-content {
    width: 100%;
    max-width: 1500px;
    margin-inline: auto;
    padding: 16px;
    box-sizing: border-box;
}

/* Glass surfaces */
.landing-content .landing-account,
.landing-content .landing-feed,
.landing-content .ohelp-market-stories,
.landing-content .landing-feed-grid > *,
.landing-content .landing-main-actions,
.landing-content .landing-feed-heading {
    background: rgba(255, 255, 255, .56);
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 22px;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    box-shadow:
        0 10px 32px rgba(22, 72, 58, .08),
        inset 0 1px 0 rgba(255, 255, 255, .8);
}

/* Wallet */
.landing-content .landing-account {
    padding: 20px;
    margin-bottom: 16px;
}

/* Quick actions */
.landing-content .landing-main-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 14px;
    margin-bottom: 16px;
}

/* Feed */
.landing-content .landing-feed {
    padding: 16px;
    margin-top: 16px;
}

.landing-content .landing-feed-heading {
    padding: 14px;
    margin-bottom: 14px;
}

/* Cards */
.landing-content .landing-feed-grid > * {
    overflow: hidden;
    min-width: 0;
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

@media (hover: hover) {
    .landing-content .landing-feed-grid > *:hover {
        transform: translateY(-3px);
        box-shadow:
            0 14px 35px rgba(22, 72, 58, .13);
    }
}

/* Buttons — appearance only */
.landing-content button {
    border-radius: 14px;
    transition:
        transform .15s ease,
        box-shadow .15s ease,
        background-color .15s ease;
}

.landing-content button:focus-visible {
    outline: 3px solid #087b57;
    outline-offset: 3px;
}

/* Marketplace stories */
.landing-content .ohelp-market-stories {
    margin: 14px 0;
}

.landing-content .ohelp-market-story {
    background: rgba(255, 255, 255, .75);
    border: 1px solid rgba(255, 255, 255, .9);
    box-shadow: 0 5px 18px rgba(0, 0, 0, .05);
}

/* Mobile */
@media (max-width: 600px) {
    .landing-content {
        padding: 10px;
    }

    .landing-content .landing-account,
    .landing-content .landing-feed,
    .landing-content .ohelp-market-stories {
        border-radius: 18px;
        padding: 12px;
    }

    .landing-content .landing-main-actions {
        padding: 10px;
        gap: 8px;
    }

    .landing-content .landing-feed-grid {
        gap: 10px;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .landing-content *,
    .landing-content *::before,
    .landing-content *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}