/* FlipADeals Dark Edition — homepage-only first-stage redesign */
:root {
    color-scheme:dark;
    --fd-bg:#090f20;
    --fd-panel:#121e35;
    --fd-panel2:#192740;
    --fd-border:#2a3b57;
    --fd-text:#f4f7ff;
    --fd-muted:#aab9d1;
    --fd-blue:#438dff
}

body {
    background:var(--fd-bg)!important;
    color:var(--fd-text)!important;
    font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
    padding-bottom:72px
}

body>header {
    background:#0d172b!important;
    border-bottom:1px solid var(--fd-border);
    box-shadow:0 6px 28px #0003
}

body>header h1 {
    color:var(--fd-text)!important
}

a {
    transition:color .15s ease,background .15s ease,border-color .15s ease
}

.fd-hero {
    max-width:1200px;
    margin:28px auto 30px;
    padding:clamp(24px,4vw,55px);
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);
    gap:24px;
    align-items:center;
    background:radial-gradient(ellipse at 90% 15%,#214b8566,transparent 50%),linear-gradient(120deg,#172b4b,#101b31 70%);
    border:1px solid #345078;
    border-radius:24px;
    box-shadow:0 20px 60px #0004;
    overflow:hidden
}

.fd-eyebrow {
    display:inline-block;
    color:#80b6ff;
    font-weight:800;
    font-size:12px;
    letter-spacing:2px;
    margin-bottom:12px
}

.fd-hero h2 {
    font-size:clamp(32px,4.5vw,60px);
    line-height:1.08;
    letter-spacing:-.045em;
    margin:0 0 18px;
    color:white
}

.fd-hero h2 em {
    font-style:normal;
    color:#69a8ff
}

.fd-hero p {
    font-size:clamp(15px,1.6vw,19px);
    line-height:1.6;
    max-width:560px;
    color:#c5d3e8;
    margin:0 0 25px
}

.fd-hero-actions {
    display:flex;
    gap:12px;
    flex-wrap:wrap
}

.fd-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 19px;
    border-radius:11px;
    font-weight:800;
    text-decoration:none!important;
    font-size:15px
}

.fd-btn-primary {
    background:#438dff;
    color:#fff!important;
    box-shadow:0 6px 20px #438dff44
}

.fd-btn-primary:hover {
    background:#2676f5
}

.fd-btn-outline {
    border:1px solid #6283b3;
    color:#fff!important;
    background:#ffffff0a
}

.fd-btn-outline:hover {
    background:#ffffff1a
}

.fd-hero-foot {
    font-size:12px;
    color:#9fb4d0;
    margin-top:24px;
    line-height:1.8
}

.fd-hero-art {
    display:grid;
    place-items:center;
    min-height:235px
}

.fd-art-ring {
    width:min(250px,100%);
    aspect-ratio:1;
    border-radius:50%;
    border:2px solid #579bff66;
    background:radial-gradient(circle at 35% 30%,#3764a8,#10213d 70%);
    box-shadow:0 0 0 16px #3c82e20b,0 0 0 36px #3c82e208,0 15px 60px #0006;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center
}

.fd-art-ring>span {
    font-weight:900;
    font-size:70px;
    letter-spacing:-7px;
    color:white
}

.fd-art-accent {
    color:#6db3ff
}

.fd-art-ring small {
    font-size:10px;
    letter-spacing:1.5px;
    color:#bfd4f3;
    font-weight:800
}

.member-card,.auction-card,.categories-widget,.categories-widget-modern,.profile-container {
    background:var(--fd-panel)!important;
    color:var(--fd-text)!important;
    border:1px solid var(--fd-border)!important;
    box-shadow:0 6px 22px #0003!important;
    border-radius:15px!important
}

.member-card span,.auction-card span,.member-card p {
    color:var(--fd-muted)!important
}

.member-card a,.auction-card a,.categories-widget a,.categories-widget-modern a {
    color:#8bbaff
}

.auction-card {
    background:var(--fd-panel2)!important
}

.auction-card h4,
.categories-widget h3,
.categories-widget-modern h3 {
    color: #8bbaff !important;
}

.cat-name {
    color: #1e293b;
}

.bottom-nav {
    background:#101d33!important;
    border-top:1px solid #345078!important;
    box-shadow:0 -5px 20px #0005
}

.bottom-nav a {
    color:#f3f7ff!important
}

.free-credits-banner {
    background:linear-gradient(100deg,#1c3760,#244c83)!important;
    border:1px solid #4371ab!important;
    box-shadow:0 4px 22px #0003!important;
    animation:none!important
}

.pagination a {
    background:#2c68bb!important;
    color:#fff!important
}

input[type=text],input[type=search],select,textarea {
    background:#192740;
    color:#f4f7ff;
    border-color:#4c6386
}

@media(max-width:720px) {
    .fd-hero {
        grid-template-columns:1fr;
        margin:14px 12px 22px;
        padding:24px 20px;
        border-radius:18px
    }

    .fd-hero-art {
        display:none
    }

    .fd-hero-actions {
        flex-direction:column
    }

    .fd-btn {
        width:100%;
        box-sizing:border-box
    }

    .fd-hero-foot {
        font-size:11px
    }

    .bottom-nav {
        padding:11px 0!important
    }

    .bottom-nav a {
        font-size:12px!important
    }

}