/* Generated visual layer for the shared login surface. Form behavior remains page-owned. */
html:has(body.auth-page) {
    background: #f7f0e5 !important;
}

body.auth-page {
    padding-top: 0 !important;
    background-color: #f7f0e5 !important;
    background-image: none !important;
    background-attachment: initial !important;
}

body.auth-page::before,
body.auth-page::after {
    display: none !important;
}

.auth-visual {
    background-color: #123b38 !important;
    background-image:
        linear-gradient(135deg, rgba(7, 33, 31, .82), rgba(18, 73, 63, .52) 58%, rgba(8, 31, 30, .80)),
        url('/assets/platform/login-visual-gpt3.png') !important;
    background-position: center, center !important;
    background-size: cover, cover !important;
}

.auth-visual::before {
    background: linear-gradient(90deg, rgba(8, 35, 32, .10), rgba(8, 35, 32, .02)) !important;
    opacity: .28 !important;
    mix-blend-mode: normal;
}

.visual-feature-icon {
    background-color: rgba(218, 165, 32, .14) !important;
    background-image: url('/assets/platform/gelv-icon-atlas-gpt-v3.png') !important;
    background-size: 400% 400% !important;
    background-position: 66.6667% 0 !important;
    border-color: rgba(240, 201, 109, .46) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 10px 24px -14px rgba(0, 0, 0, .60) !important;
    font-size: 0 !important;
}

.visual-feature:nth-child(2) .visual-feature-icon { background-position: 33.3333% 0 !important; }
.visual-feature:nth-child(3) .visual-feature-icon { background-position: 100% 0 !important; }
.visual-feature:nth-child(4) .visual-feature-icon { background-position: 66.6667% 33.3333% !important; }
.visual-feature-icon > i { display: none !important; }

.visual-logo-icon { padding: 10px; }
.visual-logo-icon img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }

html.gelv-icons-fallback .visual-feature-icon {
    background-image: none !important;
    background-color: rgba(218, 165, 32, .14) !important;
    display: grid;
    place-items: center;
    font-size: 20px !important;
}

html.gelv-icons-fallback .visual-feature:nth-child(1) .visual-feature-icon::before { content: "🪶"; }
html.gelv-icons-fallback .visual-feature:nth-child(2) .visual-feature-icon::before { content: "〰️"; }
html.gelv-icons-fallback .visual-feature:nth-child(3) .visual-feature-icon::before { content: "📖"; }
html.gelv-icons-fallback .visual-feature:nth-child(4) .visual-feature-icon::before { content: "🔎"; }

.visual-poem {
    background: rgba(8, 35, 32, .34) !important;
    border-color: rgba(240, 228, 200, .24) !important;
    box-shadow: inset 0 0 36px rgba(0, 0, 0, .12), 0 20px 48px -30px rgba(0, 0, 0, .52);
}