/* ══════════════════════════════════════════════════════════════
 * Public site — premium dark theme
 * Same look as the home page (home-premium.css) for every public page:
 * pricing, solutions, products, contact, docs, login, register, …
 * Loaded after public-aurora.css; works by re-pointing its tokens.
 * ══════════════════════════════════════════════════════════════ */

.public-body.is-aurora,
[data-theme="dark"] .public-body.is-aurora {
    --pl-bg:            #07070b;
    --pl-surface:       #0f0f17;
    --pl-surface-alt:   #15151f;
    --pl-border:        rgba(255, 255, 255, .08);
    --pl-border-strong: rgba(255, 255, 255, .16);
    --pl-text:          #ededf3;
    --pl-text-muted:    #9b9bad;
    --pl-text-faint:    #6a6a7c;
    --pl-primary:       #ffffff;
    --pl-primary-hover: #ffffff;
    --pl-primary-soft:  rgba(155, 92, 255, .14);
    --pl-accent:        #ff7ac6;
    --pl-shadow:        0 1px 0 rgba(255, 255, 255, .03) inset, 0 24px 60px -30px rgba(0, 0, 0, .9);
    --pl-shadow-lg:     0 40px 100px -40px rgba(120, 60, 255, .55);
    --au-purple:        #9b5cff;
    --au-orange:        #ffae6b;
    --au-pink:          #ff7ac6;
    --au-ink:           #ffffff;
    --px-grad:          linear-gradient(100deg, #b98cff 0%, #ff7ac6 45%, #ffae6b 100%);

    background: #07070b;
    color: var(--pl-text);
    color-scheme: dark;
}
.public-body.is-aurora .public-main { background: transparent; }

/* Soft glow + grid behind the top of every page */
.public-body.is-aurora::before {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 760px; z-index: 0; pointer-events: none;
    background:
        radial-gradient(ellipse 50% 60% at 30% 0%, rgba(107, 44, 255, .28), transparent 70%),
        radial-gradient(ellipse 40% 50% at 75% 5%, rgba(255, 94, 168, .16), transparent 70%);
}
.public-body.is-aurora::after {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 640px; z-index: 0; pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 64px 64px;
    -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 0%, #000 20%, transparent 75%);
            mask-image: radial-gradient(ellipse 60% 70% at 50% 0%, #000 20%, transparent 75%);
}
.public-body.is-aurora { position: relative; }
.public-body.is-aurora > * { position: relative; z-index: 1; }
.public-body.is-aurora > .public-header { z-index: 60; position: sticky; }

/* Old light aurora blobs are replaced by the glow above */
.is-aurora .blob, .is-aurora .page-hero::before, .is-aurora .page-hero::after,
.is-aurora .page-hero-sm::before, .is-aurora .page-hero-sm::after { display: none !important; }
.is-aurora .page-hero, .is-aurora .page-hero-sm, .is-aurora .section-alt { background: transparent !important; }
.is-aurora .page-hero h1, .is-aurora .page-hero-sm h1 { font-weight: 800; letter-spacing: -.04em; }

/* ── Header: dark glass on every page ───────────────────────── */
.is-aurora .public-header.is-scrolled { background: rgba(7, 7, 11, .72); border-bottom-color: rgba(255, 255, 255, .08); }
.is-aurora .public-header .public-nav a { color: #a6a6b8; }
.is-aurora .public-header .public-nav a:hover,
.is-aurora .public-header .public-nav a.is-active { color: #fff; background: rgba(255, 255, 255, .07); }
.is-aurora .public-header .btn-outline { color: #ededf3; border-color: rgba(255, 255, 255, .22); }
.is-aurora .public-header .nav-toggle { color: #fff; border-color: rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .04); }
.is-aurora .public-brand .brand-text { color: #fff; }
.is-aurora .public-brand .brand-logo-light { display: none !important; }
.is-aurora .public-brand .brand-logo-dark { display: block !important; }
.is-aurora .public-brand .logo-plate,
.is-aurora .public-footer .logo-plate { background: #fff; padding: 6px 12px; border-radius: 10px; box-sizing: content-box; max-height: 34px !important; }
@media (max-width: 900px) {
    .is-aurora .public-header .public-nav { background: #101018 !important; border-color: rgba(255, 255, 255, .1) !important; }
}

/* ── Buttons ─────────────────────────────────────────────────── */
.is-aurora .btn-primary {
    background: #fff; border-color: #fff; color: #0a0a10 !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .2), 0 10px 36px -12px rgba(185, 140, 255, .7);
}
.is-aurora .btn-primary:hover { background: #fff; box-shadow: 0 0 0 1px rgba(255, 255, 255, .3), 0 14px 44px -12px rgba(255, 122, 198, .75); }
.is-aurora .btn-outline, .is-aurora .btn-ghost { color: #ededf3; border-color: rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .03); }
.is-aurora .btn-outline:hover, .is-aurora .btn-ghost:hover { background: rgba(255, 255, 255, .07); border-color: rgba(255, 255, 255, .3); }

/* ── Text accents ────────────────────────────────────────────── */
.is-aurora .gradient-text,
.is-aurora .accent-text { background: var(--px-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.is-aurora .hero-pill, .is-aurora .eyebrow, .is-aurora .badge-soft {
    background: rgba(255, 255, 255, .05) !important; border: 1px solid rgba(255, 255, 255, .12); color: #d8c8ff !important;
}
.is-aurora a:not(.btn):not(.px-btn) { color: inherit; }
.is-aurora .breadcrumb a, .is-aurora .breadcrumbs a { color: var(--pl-text-muted); }

/* ── Cards and panels ────────────────────────────────────────── */
.is-aurora .card, .is-aurora .price-card, .is-aurora .product-card, .is-aurora .showcase-card,
.is-aurora .feature-card, .is-aurora .contact-card, .is-aurora .faq-item, .is-aurora .catalogue-sidebar .card,
.is-aurora .sidebar-card, .is-aurora .doc-card, .is-aurora .step, .is-aurora .panel {
    background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015)) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: none;
}
.is-aurora .card:hover, .is-aurora .price-card:hover, .is-aurora .product-card:hover, .is-aurora .showcase-card:hover {
    border-color: rgba(255, 255, 255, .16) !important;
}
.is-aurora .price-card.is-featured, .is-aurora .price-card.featured, .is-aurora .price-card.is-popular {
    border-color: rgba(185, 140, 255, .55) !important;
    box-shadow: 0 30px 80px -40px rgba(155, 92, 255, .8) !important;
}
.is-aurora .showcase-icon, .is-aurora .feature-icon {
    color: #e3d6ff !important; background: rgba(155, 92, 255, .14) !important; border: 1px solid rgba(155, 92, 255, .3);
}
.is-aurora .section-dark { background: #0c0c13 !important; }

/* ── Forms ───────────────────────────────────────────────────── */
.is-aurora input[type="text"], .is-aurora input[type="email"], .is-aurora input[type="password"],
.is-aurora input[type="search"], .is-aurora input[type="tel"], .is-aurora input[type="number"],
.is-aurora input[type="url"], .is-aurora select, .is-aurora textarea, .is-aurora .input, .is-aurora .select, .is-aurora .textarea {
    background: rgba(0, 0, 0, .35) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    color: #ededf3 !important;
}
.is-aurora input::placeholder, .is-aurora textarea::placeholder { color: #6a6a7c; }
.is-aurora input:focus, .is-aurora select:focus, .is-aurora textarea:focus, .is-aurora .input:focus {
    outline: none; border-color: rgba(185, 140, 255, .7) !important; box-shadow: 0 0 0 4px rgba(155, 92, 255, .18) !important;
}
.is-aurora select option { background: #13131a; color: #ededf3; }
.is-aurora label { color: #ededf3; }

/* ── Login / register card ───────────────────────────────────── */
.is-aurora .auth-page { padding: 70px 0 110px; }
.is-aurora .auth-page .auth-card {
    background: linear-gradient(180deg, rgba(20, 20, 30, .92), rgba(12, 12, 18, .92)) !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    box-shadow: 0 50px 120px -40px rgba(120, 60, 255, .5), 0 0 0 1px rgba(0, 0, 0, .4);
    backdrop-filter: blur(10px);
    position: relative;
}
.is-aurora .auth-page .auth-card::before {
    content: ""; position: absolute; left: 20%; right: 20%; top: -1px; height: 1px;
    background: linear-gradient(90deg, transparent, #ff7ac6, transparent);
}
.is-aurora .auth-page .auth-head h1 { font-size: 2rem; font-weight: 800; letter-spacing: -.035em; color: #fff; }
.is-aurora .auth-page .auth-sub, .is-aurora .auth-form small, .is-aurora .auth-form .checkbox { color: #9b9bad; }
.is-aurora .auth-page .auth-footer { color: #9b9bad; }
.is-aurora .auth-page .auth-footer a, .is-aurora .auth-form .label-link { color: #fff; }
.is-aurora .auth-form .input-action { color: #c4b5fd; }
.is-aurora .auth-form .btn-primary { height: 50px; }

/* ── Footer ──────────────────────────────────────────────────── */
.is-aurora .public-footer { background: #0b0b11; border-top: 1px solid rgba(255, 255, 255, .06); }

/* Tables (docs, compare) */
.is-aurora table th { color: var(--pl-text-faint); }
.is-aurora table td, .is-aurora table th { border-color: rgba(255, 255, 255, .07) !important; }
.is-aurora code, .is-aurora pre { background: #0b0b11; color: #d9d9e6; border-color: rgba(255, 255, 255, .08); }