:root {
    color-scheme: dark;
    --ink: #eef3ff;
    --muted: #9aa8c1;
    --blue: #7c6cff;
    --navy: #f6f7ff;
    --mint: #5ce1bb;
    --orange: #ff9b6a;
    --bg: #0c0d18;
    --line: #2a2d42;
    --white: #131522;
    --shadow: 0 22px 60px rgba(0, 0, 0, .38);
}

html,
body {
    background: #080914;
    color: var(--ink);
}

body {
    background-image:
        radial-gradient(circle at 82% 4%, rgba(79, 70, 229, .13), transparent 28rem),
        radial-gradient(circle at 7% 45%, rgba(24, 179, 148, .06), transparent 28rem);
}

h1,
h2,
h3,
h4,
.brand,
.nav-links a.active,
.login-link:hover {
    color: #f5f7ff;
}

p,
.nav-links a,
.login-link,
.trust-row,
.empty {
    color: var(--muted);
}

.site-header {
    background: rgba(8, 9, 20, .88);
    border-bottom-color: rgba(72, 77, 111, .45);
}

.brand-mark {
    background: linear-gradient(145deg, #6258ff, #20bfa2);
    box-shadow: 0 10px 30px rgba(98, 88, 255, .3);
}

.nav-links a:hover,
.eyebrow,
.form-help a {
    color: #968cff;
}

.btn-primary {
    background: linear-gradient(135deg, #6c63ff, #8d62ff);
    box-shadow: 0 12px 30px rgba(108, 99, 255, .3);
}

.btn-ghost,
.btn-white {
    background: #171925;
    border-color: #32364d;
    color: #f4f6ff;
}

.hero {
    background:
        radial-gradient(circle at 82% 25%, rgba(91, 77, 255, .18), transparent 30%),
        linear-gradient(180deg, #0a0b16, #0d0f1e);
}

.hero h1 em {
    color: #8b7cff;
}

.resume-card,
.feature-card,
.step-card,
.info-card,
.price-card,
.form-card,
.dash-card,
.chat-shell,
.resume-preview,
.chat-float {
    background: #141624;
    border-color: #2b2f46;
    box-shadow: var(--shadow);
}

.resume-card {
    background: linear-gradient(145deg, #171a29, #11131f);
}

.resume-top {
    border-bottom-color: #30344b;
}

.resume-photo {
    background: linear-gradient(135deg, #473fa8, #6366a8);
}

.skel {
    background: #30354d;
}

.skel.dark {
    background: #626d8d;
}

.skill-pills span,
.icon-box,
.stat,
.tab,
.bubble.ai {
    background: #1d2032;
    color: #a9b1ff;
}

.score-float,
.upgrade-lock,
.chat-side,
.cta-band,
.auth-panel {
    background: linear-gradient(135deg, #202341, #2c2664);
}

.section-soft,
.dashboard,
.auth-page {
    background: #0c0e19;
}

.feature-card,
.step-card,
.price-card,
.dash-card,
.form-card {
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.feature-card:hover,
.step-card:hover,
.price-card:hover {
    transform: translateY(-4px);
    border-color: #58507f;
    background: #181a2a;
}

.page-hero {
    background:
        radial-gradient(circle at 50% 0, rgba(106, 94, 255, .2), transparent 38%),
        #0d0f1d;
}

.field input,
.field textarea,
.field select,
.answer-box textarea {
    background: #0d0f19;
    border-color: #343850;
    color: #f3f5ff;
}

.field input::placeholder,
.field textarea::placeholder,
.answer-box textarea::placeholder {
    color: #68728d;
}

.field input:focus,
.field textarea:focus,
.field select:focus,
.answer-box textarea:focus {
    border-color: #776dff;
    box-shadow: 0 0 0 3px rgba(119, 109, 255, .16);
    outline: none;
}

.flash {
    background: #171a28;
    color: #f2f4ff;
}

.history-item,
.chat-shell,
.answer-box {
    border-color: #2d3046;
}

.progress,
.question-dots i {
    background: #282c42;
}

.tab.active,
.bubble.user {
    background: #6c63ff;
    color: #fff;
}

.price-card.popular {
    border-color: #776dff;
}

.popular-tag,
.badge {
    background: rgba(92, 225, 187, .12);
    color: #68e8c5;
}

.site-footer {
    background: #060711;
    border-top: 1px solid #202338;
}

.footer-bottom {
    border-top-color: #24273a;
}

@media (max-width: 900px) {
    .nav-links {
        background: #10121e;
        border-bottom: 1px solid #2a2d42;
    }
}