:root {
    --bg: #070a16;
    --bg-soft: #0b1023;
    --panel: #11172d;
    --panel-soft: #171f3a;
    --line: rgba(255, 255, 255, 0.12);
    --text: #ffffff;
    --muted: #b9c5dd;
    --ink: #10182b;
    --ink-muted: #586783;
    --light: #f6f9ff;
    --purple: #7c3aed;
    --purple-dark: #5b2dff;
    --accent: #7c3aed;
    --accent-strong: #5b21b6;
    --accent-soft: rgba(124, 58, 237, 0.14);
    --blue: #0ea5ff;
    --cyan: #22d3ee;
    --green: #20d889;
    --shadow: 0 26px 80px rgba(4, 10, 28, 0.26);
}
html[data-accent="blue"] { --accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:rgba(37,99,235,.14); }
html[data-accent="emerald"] { --accent:#059669;--accent-strong:#047857;--accent-soft:rgba(5,150,105,.14); }
html[data-accent="orange"] { --accent:#ea580c;--accent-strong:#c2410c;--accent-soft:rgba(234,88,12,.14); }
html[data-accent="rose"] { --accent:#e11d48;--accent-strong:#be123c;--accent-soft:rgba(225,29,72,.14); }

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

.topbar {
    align-items: center;
    background: rgba(7, 10, 22, 0.94);
    border-bottom: 1px solid var(--line);
    display: flex;
    height: 82px;
    justify-content: space-between;
    padding: 0 clamp(22px, 7vw, 140px);
    position: sticky;
    top: 0;
    z-index: 20;
}

.brand {
    align-items: center;
    display: inline-flex;
}

.brand img {
    height: 42px;
}
.brand-logo-light { display: none; }
.brand { align-items:center; display:flex; gap:9px; }
.brand .brand-mark { height:42px; width:42px; }
.brand-word { color:#fff; font-size:24px; font-weight:950; letter-spacing:-.04em; }.brand-word span { color:var(--accent); }

.nav-links {
    align-items: center;
    display: flex;
    gap: 26px;
    font-weight: 800;
}
.nav-links [data-app-nav] { border-radius:10px; padding:9px 11px; position:relative; transition:.15s ease; }
.nav-links [data-app-nav]:hover { background:var(--accent-soft); color:var(--accent); }
.nav-links [data-app-nav].active { background:var(--accent-soft); color:var(--accent); }
.nav-links [data-app-nav].active::after { background:var(--accent); border-radius:999px; bottom:2px; content:""; height:3px; left:25%; position:absolute; width:50%; }
.accent-picker { position:relative; }.accent-toggle { align-items:center; background:transparent; border:1px solid var(--line); border-radius:999px; cursor:pointer; display:flex; height:42px; justify-content:center; padding:0; width:42px; }.accent-toggle span { background:var(--accent); border:3px solid rgba(255,255,255,.75); border-radius:50%; box-shadow:0 0 0 2px var(--accent); height:16px; width:16px; }.accent-menu { background:#11172d; border:1px solid var(--line); border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.35); padding:14px; position:absolute; right:0; top:50px; width:190px; z-index:40; }.accent-menu[aria-hidden="true"] { display:none; }.accent-menu b { display:block; font-size:12px; margin-bottom:11px; }.accent-menu>div { display:flex; gap:9px; }.accent-menu [data-accent-choice] { border:3px solid rgba(255,255,255,.72); border-radius:50%; cursor:pointer; height:26px; padding:0; width:26px; }.accent-menu [data-accent-choice="violet"]{background:#7c3aed}.accent-menu [data-accent-choice="blue"]{background:#2563eb}.accent-menu [data-accent-choice="emerald"]{background:#059669}.accent-menu [data-accent-choice="orange"]{background:#ea580c}.accent-menu [data-accent-choice="rose"]{background:#e11d48}

.nav-links a:not(.button),
.inline-form button,
.theme-toggle {
    color: #edf3ff;
    opacity: 0.9;
}

.inline-form {
    display: inline;
}

.inline-form button,
.theme-toggle {
    background: transparent;
    border: 0;
    cursor: pointer;
    font: inherit;
}

.theme-toggle {
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    display: grid;
    font-weight: 900;
    height: 38px;
    line-height: 1;
    min-width: 38px;
    padding: 9px 13px;
    place-items: center;
}

.theme-icon {
    background: #ffd166;
    border-radius: 999px;
    box-shadow:
        0 -10px 0 -6px #ffd166,
        0 10px 0 -6px #ffd166,
        10px 0 0 -6px #ffd166,
        -10px 0 0 -6px #ffd166,
        7px 7px 0 -6px #ffd166,
        -7px -7px 0 -6px #ffd166,
        7px -7px 0 -6px #ffd166,
        -7px 7px 0 -6px #ffd166;
    display: block;
    height: 16px;
    width: 16px;
}

.theme-icon.is-moon {
    background: #dbeafe;
    box-shadow: inset -5px 0 0 #5b2dff;
}

.button,
.btn {
    align-items: center;
    border-radius: 14px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
}

.button,
.btn.primary {
    background: linear-gradient(135deg, var(--purple), var(--purple-dark));
    box-shadow: 0 16px 44px rgba(124, 58, 237, 0.3);
    color: #fff;
}

.button-small {
    padding: 13px 22px;
}

.btn {
    min-height: 50px;
    padding: 0 22px;
}

.btn.ghost {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--line);
    color: #fff;
}

.home-main {
    overflow: hidden;
}

.home-shell {
    margin: 0 auto;
    width: min(1320px, calc(100% - 64px));
}

.home-hero {
    background:
        radial-gradient(circle at 18% 18%, rgba(124, 58, 237, 0.3), transparent 32%),
        radial-gradient(circle at 74% 18%, rgba(14, 165, 255, 0.18), transparent 34%),
        linear-gradient(180deg, #070a16 0%, #091225 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 58px 0 34px;
    position: relative;
}

.home-hero::before {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
    background-size: 74px 74px;
    content: "";
    inset: 0;
    opacity: 0.55;
    pointer-events: none;
    position: absolute;
}

.hero-grid {
    align-items: center;
    display: grid;
    gap: 58px;
    grid-template-columns: minmax(400px, 0.78fr) minmax(560px, 1.22fr);
    min-height: 600px;
    position: relative;
    z-index: 1;
}

.eyebrow {
    background: rgba(124, 58, 237, 0.16);
    border: 1px solid rgba(124, 58, 237, 0.5);
    border-radius: 999px;
    color: #e8dcff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0;
    padding: 8px 14px;
}

.hero-copy h1 {
    font-size: clamp(44px, 4.5vw, 70px);
    letter-spacing: -0.05em;
    line-height: 1.03;
    margin: 24px 0 18px;
    max-width: 720px;
}

.hero-copy p {
    color: #d8e0f2;
    font-size: 19px;
    line-height: 1.6;
    margin: 0;
    max-width: 640px;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.hero-points span {
    background: rgba(255, 255, 255, 0.055);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #d7e2f6;
    font-size: 13px;
    font-weight: 800;
    padding: 10px 13px;
}

.product-preview {
    min-height: 520px;
    position: relative;
}

.preview-glow {
    background:
        radial-gradient(circle, rgba(34, 211, 238, 0.18), transparent 54%),
        radial-gradient(circle at 76% 70%, rgba(124, 58, 237, 0.22), transparent 46%);
    inset: -30px;
    position: absolute;
}

.preview-card.dashboard {
    background: linear-gradient(145deg, rgba(19, 26, 52, 0.98), rgba(8, 12, 28, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 28px;
    box-shadow: 0 38px 110px rgba(0, 0, 0, 0.45);
    min-height: 430px;
    padding: 20px;
    position: relative;
    transform: perspective(1100px) rotateY(-4deg);
    z-index: 2;
}

.preview-top {
    align-items: center;
    display: grid;
    gap: 14px;
    grid-template-columns: 138px 1fr auto;
}

.preview-top img {
    height: 30px;
}

.preview-search {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 12px;
    color: #93a2c0;
    font-size: 13px;
    padding: 12px 14px;
}

.preview-top span {
    background: linear-gradient(135deg, var(--purple), var(--purple-dark));
    border-radius: 11px;
    font-size: 13px;
    font-weight: 900;
    padding: 12px 14px;
}

.preview-body {
    display: grid;
    gap: 20px;
    grid-template-columns: 126px 1fr;
    margin-top: 22px;
}

.preview-body aside {
    align-content: start;
    display: grid;
    gap: 10px;
}

.preview-body aside b,
.preview-body aside span {
    background: rgba(255, 255, 255, 0.045);
    border-radius: 10px;
    color: #aebbd5;
    display: block;
    font-size: 13px;
    padding: 10px;
}

.preview-body aside b {
    background: rgba(124, 58, 237, 0.24);
    color: #fff;
}

.preview-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.preview-heading h2 {
    font-size: 17px;
    margin: 0;
}

.preview-heading small {
    color: #9cadca;
}

.project-mini-grid,
.people-row {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
}

.project-mini-grid article,
.people-row div {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 16px;
    min-height: 136px;
    padding: 14px;
}

.project-mini-grid b,
.project-mini-grid small,
.project-mini-grid strong,
.people-row b,
.people-row small {
    display: block;
}

.project-mini-grid small,
.people-row small {
    color: #aab8d4;
    font-size: 12px;
    margin: 8px 0;
}

.project-mini-grid strong {
    color: var(--green);
}

.people-row {
    margin-top: 16px;
}

.people-row i {
    background: linear-gradient(135deg, var(--purple), var(--blue));
    border-radius: 999px;
    display: grid;
    font-style: normal;
    font-weight: 900;
    height: 34px;
    margin-bottom: 9px;
    place-items: center;
    width: 34px;
}

.floating-card {
    background: rgba(13, 18, 39, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    position: absolute;
    z-index: 3;
}

.match-card {
    bottom: 22px;
    left: 28px;
    padding: 18px;
    width: 250px;
}

.match-card b,
.match-card span {
    display: block;
}

.match-card p {
    color: #cbd6ee;
    font-size: 13px;
    line-height: 1.45;
}

.match-card span {
    color: var(--green);
    font-weight: 900;
}

.score-card {
    padding: 18px;
    right: 26px;
    top: 322px;
    width: 160px;
}

.score-card strong {
    display: block;
    font-size: 38px;
}

.score-card span {
    color: #cbd6ee;
    font-size: 13px;
}

.home-band {
    background: #0b1023;
    padding: 0 0 34px;
}

.trust-grid {
    background: linear-gradient(90deg, #1e2f69, #5b2dff 48%, #18b8ee);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    overflow: hidden;
}

.trust-grid article {
    background: rgba(255, 255, 255, 0.04);
    border-right: 1px solid rgba(255, 255, 255, 0.10);
    padding: 24px;
}

.trust-grid article:last-child {
    border-right: 0;
}

.trust-grid b,
.trust-grid span {
    display: block;
}

.trust-grid b {
    font-size: 18px;
}

.trust-grid span {
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    margin-top: 4px;
}

.home-section {
    padding: 62px 0;
}

.home-section.light {
    background: linear-gradient(180deg, #f7fbff, #eef5ff);
    color: var(--ink);
}

.home-section.dark {
    background: #070a16;
    color: #fff;
}

.section-title {
    margin-bottom: 30px;
    max-width: 760px;
}

.section-title.compact {
    max-width: 680px;
}

.section-title span {
    color: var(--purple);
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.section-title h2 {
    font-size: clamp(30px, 3vw, 44px);
    letter-spacing: -0.04em;
    line-height: 1.08;
    margin: 10px 0;
}

.section-title p {
    color: var(--ink-muted);
    font-size: 17px;
    line-height: 1.55;
    margin: 0;
}

.audience-grid,
.plans-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(4, 1fr);
}

.audience-grid article {
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid #dfe8f7;
    border-radius: 20px;
    box-shadow: 0 16px 45px rgba(58, 86, 134, 0.08);
    min-height: 260px;
    padding: 24px;
}

.audience-grid small {
    color: var(--purple);
    font-weight: 900;
}

.audience-grid h3,
.steps-grid h3 {
    margin: 18px 0 10px;
}

.audience-grid p,
.steps-grid p {
    color: var(--ink-muted);
    line-height: 1.5;
}

.audience-grid a {
    color: var(--purple);
    display: inline-flex;
    font-weight: 900;
    margin-top: 16px;
}

.steps-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(5, 1fr);
}

.steps-grid article,
.plans-grid article {
    background: linear-gradient(145deg, rgba(22, 28, 52, 0.96), rgba(10, 14, 31, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 20px;
    padding: 22px;
}

.steps-grid b {
    background: linear-gradient(135deg, var(--purple), var(--purple-dark));
    border-radius: 999px;
    display: grid;
    height: 34px;
    place-items: center;
    width: 34px;
}

.steps-grid p,
.plans-grid p {
    color: #c0cbe1;
}

.plans-grid {
    grid-template-columns: repeat(3, 1fr);
}

.plans-grid article {
    display: flex;
    flex-direction: column;
    min-height: 430px;
}

.plans-grid article.featured {
    border-color: rgba(124, 58, 237, 0.85);
    box-shadow: 0 24px 70px rgba(124, 58, 237, 0.14);
}

.plans-grid h3 {
    font-size: 24px;
    margin: 0 0 16px;
}

.plan-badge {
    align-self: flex-start;
    background: rgba(34, 211, 238, 0.12);
    border: 1px solid rgba(34, 211, 238, 0.35);
    border-radius: 999px;
    color: #9ff3ff;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 14px;
    padding: 7px 10px;
}

.plans-grid strong {
    display: block;
    font-size: 38px;
    margin-bottom: 12px;
}

.plans-grid strong small {
    color: #c0cbe1;
    font-size: 16px;
}

.plans-grid p {
    color: #d8e0f2;
    min-height: 54px;
}

.plans-grid p b {
    color: #fff;
}

.plans-grid ul {
    color: #c0cbe1;
    display: grid;
    flex: 1;
    gap: 10px;
    list-style: none;
    margin: 6px 0 22px;
    padding: 0;
}

.plans-grid li {
    align-items: start;
    display: grid;
    gap: 9px;
    grid-template-columns: 18px 1fr;
}

.plans-grid li::before {
    color: var(--green);
    content: "ok";
    font-size: 11px;
    font-weight: 900;
    line-height: 1.8;
}

.plan-action {
    align-items: center;
    background: linear-gradient(135deg, var(--purple), var(--purple-dark));
    border-radius: 13px;
    display: inline-flex;
    font-weight: 900;
    justify-content: center;
    margin-top: auto;
    min-height: 48px;
    padding: 0 18px;
    width: 100%;
}

.auth-modal-layer {
    align-items: center;
    display: none;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 1000;
}

.auth-modal-layer.is-active {
    display: flex;
}

.auth-modal-backdrop {
    background: rgba(3, 7, 18, 0.72);
    backdrop-filter: blur(12px);
    inset: 0;
    position: absolute;
}

.auth-modal {
    background: linear-gradient(180deg, rgba(17, 23, 43, 0.98), rgba(10, 15, 31, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 22px;
    box-shadow: 0 34px 110px rgba(0, 0, 0, 0.58);
    color: #fff;
    display: none;
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 28px;
    position: relative;
    width: min(480px, calc(100vw - 36px));
    z-index: 2;
}

.auth-modal.is-active {
    display: block;
}

.auth-close {
    background: transparent;
    border: 0;
    color: #cfd8ef;
    cursor: pointer;
    font-size: 22px;
    position: absolute;
    right: 18px;
    top: 14px;
}

.auth-modal h2 {
    font-size: 28px;
    margin: 0 0 8px;
}

.auth-modal p {
    color: #aebbd4;
    line-height: 1.45;
}

.auth-form {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.plan-picker {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    margin: 18px 0 4px;
}

.plan-picker button {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 12px;
    color: #dfe7fa;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    min-height: 44px;
}

.plan-picker button.is-selected {
    background: linear-gradient(135deg, var(--purple), var(--purple-dark));
    border-color: rgba(124, 58, 237, 0.9);
    color: #fff;
    box-shadow: 0 12px 34px rgba(124, 58, 237, 0.24);
}

.auth-form label {
    color: #f1f5ff;
    display: grid;
    font-size: 13px;
    font-weight: 800;
    gap: 7px;
}

.auth-form input,
.auth-form select {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #fff;
}

.hp-field {
    height: 0 !important;
    left: -9999px;
    overflow: hidden;
    position: absolute !important;
    width: 0 !important;
}

.payment-options {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    display: grid;
    gap: 10px;
    margin: 2px 0;
    padding: 16px;
}

.payment-options legend {
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    padding: 0 6px;
}

.payment-options label {
    align-items: start;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    cursor: pointer;
    display: grid;
    gap: 4px 10px;
    grid-template-columns: 18px 1fr;
    padding: 12px;
}

.payment-options input {
    margin-top: 2px;
    width: auto;
}

.payment-options span {
    color: #9eabc7;
    font-size: 12px;
    font-weight: 600;
    grid-column: 2;
}

.auth-form select option {
    background: #11172d;
}

.auth-form button {
    background: linear-gradient(135deg, var(--purple), var(--purple-dark));
    border: 0;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-weight: 900;
    min-height: 50px;
}

.auth-row {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 100px;
}

.auth-check,
.check {
    align-items: start;
    display: flex !important;
    gap: 10px !important;
    line-height: 1.35;
    width: 100%;
}

.auth-check input,
.check input {
    flex: 0 0 18px;
    height: 18px;
    margin-top: 2px;
    padding: 0;
    width: 18px;
}

.auth-check span,
.check span {
    display: inline;
    min-width: 0;
}

.auth-switch {
    font-size: 14px;
    text-align: center;
}

.auth-switch a {
    color: #a78bfa;
    font-weight: 900;
}

.container {
    margin: 0 auto;
    padding: 34px 0 70px;
    width: min(1180px, calc(100% - 40px));
}

.admin-main {
    background:
        radial-gradient(circle at 14% 8%, rgba(124, 58, 237, 0.18), transparent 30%),
        radial-gradient(circle at 86% 12%, rgba(34, 211, 238, 0.12), transparent 28%),
        #070a16;
    min-height: calc(100vh - 82px);
    padding: 42px 0 72px;
}

.admin-shell {
    margin: 0 auto;
    width: min(1360px, calc(100% - 48px));
}

.admin-hero,
.admin-panel,
.admin-table-wrap {
    background: linear-gradient(145deg, rgba(19, 26, 52, 0.96), rgba(9, 13, 29, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 20px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.admin-hero {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 22px;
    padding: 28px;
}

.admin-hero h1,
.admin-page-title h1 {
    font-size: clamp(32px, 3vw, 48px);
    line-height: 1.08;
    margin: 12px 0 10px;
}

.admin-hero p {
    color: #c7d2ea;
    font-size: 17px;
    line-height: 1.55;
    margin: 0;
    max-width: 760px;
}

.admin-hero-actions,
.admin-page-title {
    align-items: center;
    display: flex;
    gap: 14px;
}

.admin-page-title {
    justify-content: space-between;
    margin-bottom: 22px;
}

.admin-stats {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 22px;
}

.admin-stats article {
    background: linear-gradient(145deg, rgba(22, 28, 52, 0.98), rgba(10, 14, 31, 0.98));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    min-height: 150px;
    padding: 20px;
}

.admin-stats span,
.admin-stats small,
.admin-list span,
.admin-list small,
.admin-table-wrap small {
    color: #aebbd5;
}

.admin-stats span,
.admin-stats small {
    display: block;
}

.admin-stats span {
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.admin-stats strong {
    display: block;
    font-size: 34px;
    margin: 18px 0 6px;
}

.admin-stats small {
    font-size: 13px;
}

.admin-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 22px;
}

.admin-panel {
    padding: 22px;
}

.admin-panel-title {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

.admin-panel-title h2 {
    font-size: 20px;
    margin: 0;
}

.admin-panel-title a,
.admin-panel-title span {
    color: #9ff3ff;
    font-size: 13px;
    font-weight: 900;
}

.admin-list {
    display: grid;
    gap: 12px;
}

.admin-list article {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 14px;
}

.admin-list b,
.admin-list span,
.admin-list small {
    display: block;
}

.admin-list span {
    margin-top: 6px;
}

.admin-list small {
    line-height: 1.45;
    margin-top: 6px;
}

.policy-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, 1fr);
}

.policy-grid article {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 16px;
}

.policy-grid b,
.policy-grid span,
.admin-table-wrap small {
    display: block;
}

.policy-grid span {
    color: #b9c5dd;
    font-size: 13px;
    line-height: 1.45;
    margin-top: 8px;
}

.admin-table-wrap {
    overflow: auto;
    padding: 6px;
}

.admin-table-wrap table {
    background: transparent;
    border: 0;
    min-width: 920px;
}

.admin-table-wrap th {
    color: #9ff3ff;
    font-size: 12px;
    text-transform: uppercase;
}

.admin-table-wrap td {
    color: #edf3ff;
    vertical-align: top;
}

.admin-table-wrap small {
    font-size: 12px;
    margin-top: 4px;
}

.status-pill {
    background: rgba(124, 58, 237, 0.22);
    border: 1px solid rgba(124, 58, 237, 0.38);
    border-radius: 999px;
    color: #e8dcff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
}

.empty-state {
    color: #aebbd5;
    margin: 0;
}

.user-shell {
    margin: 0 auto;
    width: min(1320px, calc(100% - 48px));
}

.user-hero,
.user-panel,
.user-stats article,
.discovery-grid article,
.room-grid article {
    background: linear-gradient(145deg, rgba(19, 26, 52, 0.96), rgba(9, 13, 29, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 20px;
    box-shadow: 0 22px 64px rgba(0, 0, 0, 0.22);
}

.user-hero {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 22px;
    padding: 28px;
}

.user-hero h1 {
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.04;
    margin: 16px 0 12px;
    max-width: 800px;
}

.user-hero p {
    color: #c7d2ea;
    font-size: 18px;
    line-height: 1.55;
    margin: 0;
    max-width: 820px;
}

.user-actions,
.social-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.user-stats {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 22px;
}

.user-stats article {
    min-height: 136px;
    padding: 20px;
}

.user-stats span,
.user-stats small {
    color: #aebbd5;
    display: block;
}

.user-stats span {
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.user-stats strong {
    display: block;
    font-size: 34px;
    margin: 16px 0 4px;
}

.user-grid {
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
    margin-bottom: 22px;
}

.user-panel {
    padding: 22px;
}

.user-panel-title {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 14px;
}

.user-panel-title h2 {
    font-size: 22px;
    margin: 0;
}

.user-panel-title a,
.user-panel-title span,
.user-panel-title button {
    color: #9ff3ff;
    font-size: 13px;
    font-weight: 900;
}

.user-panel-title button,
.social-actions button {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    padding: 8px 12px;
}

.social-actions button,
.social-actions a {
    color: #9ff3ff;
    font-weight: 800;
}

.social-actions button:hover,
.social-actions a:hover {
    background: rgba(14, 165, 255, 0.12);
    border-color: rgba(159, 243, 255, 0.35);
    color: #ffffff;
}

.composer-box,
.user-list article {
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 16px;
}

.composer-box {
    margin-bottom: 14px;
}

.composer-box p,
.user-list p,
.discovery-grid p,
.room-grid span {
    color: #b9c5dd;
    line-height: 1.5;
}

.user-list {
    display: grid;
    gap: 12px;
}

.user-list b,
.user-list span,
.user-list small,
.discovery-grid span,
.discovery-grid small,
.room-grid b,
.room-grid span {
    display: block;
}

.social-actions {
    margin-top: 14px;
}

.discovery-grid,
.room-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}

.discovery-grid article,
.room-grid article {
    padding: 18px;
}

.discovery-grid span,
.discovery-grid small {
    color: #9ff3ff;
    font-size: 13px;
}

.discovery-grid h3 {
    font-size: 20px;
    margin: 12px 0 10px;
}

.room-grid b {
    font-size: 18px;
    margin-bottom: 8px;
}

html.theme-light body,
body.theme-light {
    background: #f3f7fc;
    color: #13213a;
}

.theme-light .topbar {
    background: rgba(255, 255, 255, 0.94);
    border-bottom-color: #dbe5f3;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.06);
}
.theme-light .accent-toggle { border-color:#d3deee; }.theme-light .accent-menu { background:#fff; border-color:#d9e4f3; color:#13213a; }.theme-light .photo-picker { background:#e0f5ff; border-color:#9ddcf3; color:#075985; }
.button,.composer-actions button { background:linear-gradient(135deg,var(--accent),var(--accent-strong)); }
.eyebrow { background:var(--accent-soft); border-color:color-mix(in srgb,var(--accent) 45%,transparent); }
.theme-light .brand-word { color:#0f172a; }
.theme-light .eyebrow { background: rgba(109,40,217,.1); border-color: rgba(109,40,217,.28); color: #5b21b6; }
.theme-light .alert.success { background: #d9f7e9; border: 1px solid #a7e8ca; color: #087a4d; }
.theme-light .alert.error { background: #fee2e2; border: 1px solid #fecaca; color: #b42318; }
.role-help { color: #8f9db7; display: block; font-size: 12px; font-weight: 500; line-height: 1.45; margin-top: 2px; }
.theme-light .role-help { color: #526078; }

.theme-light .nav-links a:not(.button),
.theme-light .inline-form button,
.theme-light .theme-toggle {
    color: #1f2d44;
}

.theme-light .theme-toggle {
    border-color: #d3deee;
}

.theme-light .container,
.theme-light .admin-main {
    background:
        radial-gradient(circle at 12% 8%, rgba(124, 58, 237, 0.10), transparent 30%),
        radial-gradient(circle at 88% 10%, rgba(14, 165, 255, 0.10), transparent 28%),
        #f3f7fc;
    color: #13213a;
}

.theme-light .home-hero {
    background:
        radial-gradient(circle at 18% 18%, rgba(124, 58, 237, 0.14), transparent 32%),
        radial-gradient(circle at 74% 18%, rgba(14, 165, 255, 0.13), transparent 34%),
        linear-gradient(180deg, #f6f9ff 0%, #eaf2fb 100%);
    color: #111827;
}

.theme-light .home-hero::before {
    background-image:
        linear-gradient(rgba(15, 23, 42, 0.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, 0.045) 1px, transparent 1px);
}

.theme-light .hero-copy p,
.theme-light .hero-points span,
.theme-light .steps-grid p,
.theme-light .plans-grid p,
.theme-light .plans-grid ul {
    color: #42526e;
}

.theme-light .hero-points span,
.theme-light .btn.ghost {
    background: rgba(255, 255, 255, 0.78);
    border-color: #d8e3f2;
    color: #1f2d44;
}

.theme-light .home-band,
.theme-light .home-section.dark {
    background: #f3f7fc;
    color: #13213a;
}

.theme-light .steps-grid article,
.theme-light .plans-grid article,
.theme-light .admin-hero,
.theme-light .admin-panel,
.theme-light .admin-table-wrap,
.theme-light .admin-stats article,
.theme-light .user-hero,
.theme-light .user-panel,
.theme-light .user-stats article,
.theme-light .discovery-grid article,
.theme-light .room-grid article,
.theme-light .form,
.theme-light .panel,
.theme-light article.project,
.theme-light table {
    background: rgba(255, 255, 255, 0.92);
    border-color: #d9e4f3;
    box-shadow: 0 18px 52px rgba(31, 45, 68, 0.08);
    color: #13213a;
}

.theme-light .admin-hero p,
.theme-light .admin-stats span,
.theme-light .admin-stats small,
.theme-light .admin-list span,
.theme-light .admin-list small,
.theme-light .admin-table-wrap small,
.theme-light .policy-grid span,
.theme-light .user-hero p,
.theme-light .user-stats span,
.theme-light .user-stats small,
.theme-light .composer-box p,
.theme-light .user-list p,
.theme-light .discovery-grid p,
.theme-light .room-grid span,
.theme-light .empty-state,
.theme-light dt {
    color: #5f6f89;
}

.theme-light .admin-list article,
.theme-light .policy-grid article,
.theme-light .composer-box,
.theme-light .user-list article,
.theme-light .payment-options,
.theme-light .payment-options label {
    background: #f7faff;
    border-color: #dce7f5;
}

.theme-light .admin-table-wrap td,
.theme-light th,
.theme-light td {
    color: #13213a;
    border-bottom-color: #e2ebf7;
}

.theme-light .admin-table-wrap th,
.theme-light .admin-panel-title a,
.theme-light .admin-panel-title span,
.theme-light .user-panel-title a,
.theme-light .user-panel-title span,
.theme-light .user-panel-title button,
.theme-light .discovery-grid span,
.theme-light .discovery-grid small {
    color: #0369a1;
}

.theme-light input,
.theme-light select,
.theme-light textarea,
.theme-light .auth-form input,
.theme-light .auth-form select {
    background: #ffffff;
    border-color: #cfdbee;
    color: #13213a;
}

.theme-light .password-field button,
.theme-light .social-actions button,
.theme-light .user-panel-title button {
    background: #f1f5fb;
    border-color: #cfdbee;
    color: #1f2d44;
}

.theme-light .tag {
    background: rgba(124, 58, 237, 0.12);
    color: #5b21b6;
}

.theme-light .tag.muted {
    background: rgba(14, 165, 255, 0.12);
    color: #075985;
}

.theme-light .auth-modal {
    background: #ffffff;
    border-color: #d9e4f3;
    color: #13213a;
}

.theme-light .auth-modal p,
.theme-light .payment-options span {
    color: #5f6f89;
}

.theme-light .auth-form label,
.theme-light .payment-options legend {
    color: #13213a;
}

.theme-light .auth-form select option {
    background: #ffffff;
}

.alert {
    border-radius: 12px;
    margin: 18px auto;
    max-width: 1180px;
    padding: 14px 18px;
}

.alert.success {
    background: rgba(32, 216, 137, 0.12);
    color: #61f0b2;
}

.alert.error {
    background: rgba(255, 82, 82, 0.12);
    color: #ffb3b3;
}

.form,
.panel,
article.project,
table {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: 18px;
    color: #fff;
}

.form {
    display: grid;
    gap: 16px;
    max-width: 680px;
    padding: 24px;
}

label {
    display: grid;
    gap: 6px;
    font-weight: 800;
}

input,
select,
textarea {
    border: 1px solid #d8e2f1;
    border-radius: 10px;
    font: inherit;
    padding: 12px;
    width: 100%;
}

.password-field {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr auto;
}

.password-field input {
    min-width: 0;
}

.password-field button {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid var(--line);
    border-radius: 10px;
    color: #eef4ff;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 900;
    padding: 0 14px;
}

.page-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
}

.list {
    display: grid;
    gap: 16px;
}

article.project {
    padding: 20px;
}

.tag {
    background: rgba(124, 58, 237, 0.22);
    border-radius: 999px;
    color: #d8ccff;
    display: inline-block;
    font-size: 12px;
    font-weight: 800;
    margin: 0 6px 10px 0;
    padding: 5px 10px;
}

.tag.muted {
    background: rgba(14, 165, 255, 0.14);
    color: #aeeaff;
}

dl {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}

dt {
    color: var(--muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

dd {
    margin: 0;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    border-bottom: 1px solid var(--line);
    padding: 12px;
    text-align: left;
}

@media (max-width: 1100px) {
    .home-shell {
        width: min(100% - 36px, 960px);
    }

    .hero-grid {
        grid-template-columns: 1fr;
    }

    .product-preview {
        min-height: auto;
    }

    .preview-card.dashboard {
        transform: none;
    }

    .audience-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .steps-grid,
    .plans-grid,
    .admin-grid,
    .policy-grid,
    .user-grid,
    .discovery-grid,
    .room-grid {
        grid-template-columns: 1fr;
    }

    .trust-grid,
    .admin-stats,
    .user-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 720px) {
    .topbar {
        align-items: flex-start;
        flex-direction: column;
        height: auto;
        padding: 18px;
    }

    .nav-links {
        display: none;
    }

    .hero-copy h1 {
        font-size: 40px;
    }

    .preview-top,
    .preview-body,
    .project-mini-grid,
    .people-row,
    .trust-grid,
    .audience-grid,
    .plan-picker,
    .admin-stats,
    .user-stats,
    dl {
        grid-template-columns: 1fr;
    }

    .admin-hero,
    .admin-hero-actions,
    .admin-page-title,
    .user-hero,
    .user-actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .preview-body aside {
        display: none;
    }

    .floating-card {
        margin-top: 14px;
        position: relative;
    }

    .match-card,
    .score-card {
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        width: auto;
    }
}

/* Admin workspace v2 */
.admin-body { background: #080b16; }
.admin-app { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: 100vh; }
.admin-sidebar { background: #0c1020; border-right: 1px solid rgba(255,255,255,.08); display: flex; flex-direction: column; padding: 24px 16px; position: sticky; top: 0; height: 100vh; z-index: 30; }
.admin-brand { align-items: center; display: flex; gap: 12px; padding: 0 10px 28px; }
.admin-brand img { width: 36px; }
.admin-brand span { font-size: 17px; font-weight: 900; letter-spacing: .04em; }
.admin-brand b { color: #8b5cf6; }
.admin-brand small { color: #74819c; display: block; font-size: 9px; letter-spacing: .22em; margin-top: 3px; }
.admin-sidebar nav { display: grid; gap: 5px; }
.admin-sidebar nav p { color: #5f6c86; font-size: 10px; font-weight: 900; letter-spacing: .15em; margin: 22px 12px 8px; }
.admin-sidebar nav a { align-items: center; border-radius: 11px; color: #9ba8c2; display: flex; font-size: 14px; font-weight: 750; gap: 12px; padding: 11px 12px; }
.admin-sidebar nav a span { color: #74819c; font-size: 18px; text-align: center; width: 20px; }
.admin-sidebar nav a:hover, .admin-sidebar nav a.active { background: linear-gradient(90deg, rgba(124,58,237,.22), rgba(124,58,237,.06)); color: #fff; }
.admin-sidebar nav a.active { box-shadow: inset 3px 0 #8b5cf6; }
.admin-sidebar-user { align-items: center; border-top: 1px solid rgba(255,255,255,.08); display: flex; gap: 10px; margin-top: auto; padding: 18px 8px 0; }
.admin-sidebar-user > span { align-items: center; background: #7c3aed; border-radius: 10px; display: flex; font-weight: 900; height: 36px; justify-content: center; width: 36px; }
.admin-sidebar-user b, .admin-sidebar-user small { display: block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-sidebar-user b { font-size: 13px; }.admin-sidebar-user small { color: #74819c; font-size: 11px; margin-top: 3px; }
.admin-workspace { min-width: 0; }
.admin-topbar { align-items: center; background: rgba(8,11,22,.88); border-bottom: 1px solid rgba(255,255,255,.08); display: flex; height: 72px; justify-content: space-between; padding: 0 32px; position: sticky; top: 0; backdrop-filter: blur(18px); z-index: 20; }
.admin-topbar > button { display: none; }.admin-topbar b,.admin-topbar small { display: block; }.admin-topbar small { color: #74819c; font-size: 11px; margin-top: 3px; }
.admin-top-actions { align-items: center; display: flex; gap: 14px; }.admin-top-actions a,.admin-top-actions button { background: transparent; border: 0; color: #aab6ce; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; }.admin-top-actions form { margin: 0; }
.admin-body .admin-main { min-height: calc(100vh - 72px); padding: 32px 0 64px; }
.admin-body .admin-shell { width: min(1400px, calc(100% - 56px)); }
.admin-body .admin-hero { background: linear-gradient(125deg, rgba(124,58,237,.24), rgba(15,20,39,.95) 55%, rgba(14,165,255,.09)); }
.admin-body .admin-hero h1 { font-size: clamp(30px, 3vw, 44px); }
.page-count { background: rgba(124,58,237,.15); border: 1px solid rgba(139,92,246,.3); border-radius: 999px; color: #c4b5fd; font-size: 12px; font-weight: 900; padding: 8px 12px; }
.admin-filters { align-items: end; background: rgba(17,23,45,.8); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; display: flex; gap: 12px; margin-bottom: 18px; padding: 14px; }
.admin-filters label { min-width: 180px; }.admin-filters label:first-child { flex: 1; }.admin-filters label span { color: #8290aa; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.admin-filters input,.admin-filters select,.table-action select { background: #0b1020; border-color: rgba(255,255,255,.12); color: #eef4ff; }
.admin-filters button,.table-action button { background: #7c3aed; border: 0; border-radius: 9px; color: #fff; cursor: pointer; font-weight: 900; padding: 11px 16px; }.admin-filters > a { color: #aab6ce; font-size: 12px; font-weight: 800; padding: 12px 6px; }
.table-action { align-items: center; display: flex; gap: 7px; }.table-action select { font-size: 12px; min-width: 105px; padding: 8px; }.table-action button { font-size: 11px; padding: 9px 10px; }
.moderation-action { margin-top: 12px; }
.status-ativo,.status-aprovado,.status-resolvida { background: rgba(16,185,129,.13); border-color: rgba(16,185,129,.35); color: #6ee7b7; }
.status-suspenso,.status-pausado,.status-em_analise { background: rgba(245,158,11,.13); border-color: rgba(245,158,11,.35); color: #fcd34d; }
.status-removido,.status-oculto { background: rgba(239,68,68,.13); border-color: rgba(239,68,68,.35); color: #fca5a5; }
.theme-light .admin-sidebar { background: #fff; border-right-color: #e1e8f2; }.theme-light .admin-topbar { background: rgba(248,250,252,.9); border-color: #e1e8f2; }.theme-light .admin-sidebar nav a { color: #526078; }.theme-light .admin-sidebar nav a:hover,.theme-light .admin-sidebar nav a.active { color: #4c1d95; }.theme-light .admin-filters { background: #fff; border-color: #d9e4f3; }.theme-light .admin-filters input,.theme-light .admin-filters select,.theme-light .table-action select { background: #fff; color: #13213a; }
@media (max-width: 900px) { .admin-app { grid-template-columns: 1fr; }.admin-sidebar { box-shadow: 20px 0 60px rgba(0,0,0,.4); left: -270px; position: fixed; transition: left .2s ease; width: 216px; }.admin-menu-open .admin-sidebar { left: 0; }.admin-topbar > button { background: transparent; border: 0; color: inherit; display: block; font-size: 22px; }.admin-topbar { padding: 0 18px; }.admin-top-actions > a { display: none; }.admin-body .admin-shell { width: min(100% - 28px, 720px); }.admin-filters { align-items: stretch; flex-direction: column; }.admin-filters label { min-width: 0; } }

.project-interest { align-items: end; background: rgba(124,58,237,.09); border: 1px solid rgba(139,92,246,.25); border-radius: 14px; display: flex; gap: 12px; margin-top: 18px; padding: 14px; }
.project-interest label { flex: 1; font-size: 12px; }.project-interest select { background: #0b1020; border-color: rgba(255,255,255,.14); color: #fff; }.project-interest button { background: #7c3aed; border: 0; border-radius: 10px; color: #fff; cursor: pointer; font-weight: 900; padding: 13px 16px; }.project-interest.sent { align-items: center; justify-content: space-between; }.project-interest.sent span { color: #c4b5fd; font-size: 13px; font-weight: 800; }.project-interest.sent button { background: rgba(255,255,255,.08); }.theme-light .project-interest select { background: #fff; color: #13213a; }
@media (max-width: 720px) { .project-interest { align-items: stretch; flex-direction: column; } }

.social-hero { padding-block: 24px; }.social-hero h1 { font-size: clamp(30px,4vw,48px); }.social-layout { grid-template-columns: minmax(0,1.65fr) minmax(280px,.75fr); }.social-sidebar { display:grid; gap:18px; align-content:start; }.social-sidebar .user-panel { margin:0; }.network-summary p { color:#9eabc3; line-height:1.55; }.social-composer { background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.09); border-radius:16px; display:grid; gap:12px; grid-template-columns:42px 1fr; margin-bottom:16px; padding:16px; }.composer-avatar,.post-avatar { align-items:center; background:linear-gradient(135deg,#2563eb,#7c3aed); border-radius:50%; color:#fff; display:flex; flex:none; font-weight:900; height:42px; justify-content:center; width:42px; }.social-composer label>span { color:#aebbd5; font-size:12px; }.social-composer textarea { background:transparent; border:0; color:#fff; padding:8px 0; resize:vertical; }.social-composer textarea:focus { outline:0; }.composer-actions { align-items:center; display:flex; gap:12px; grid-column:2; }.composer-actions small { color:#74819c; font-size:10px; }.composer-actions button { background:#7c3aed; border:0; border-radius:10px; color:#fff; cursor:pointer; font-weight:900; margin-left:auto; padding:10px 18px; }.photo-picker { background:rgba(14,165,255,.09); border:1px solid rgba(14,165,255,.2); border-radius:9px; color:#9ff3ff; cursor:pointer; font-size:12px; padding:9px 12px; }.photo-picker input { height:1px; opacity:0; position:absolute; width:1px; }.social-post header { align-items:center; display:flex; gap:11px; }.social-post header b,.social-post header small { display:block; }.social-post header small { color:#8390aa; font-size:11px; margin-top:3px; }.post-image { border-radius:14px; display:block; margin-top:12px; max-height:560px; object-fit:cover; width:100%; }.theme-light .social-composer { background:#f7faff; border-color:#dce7f5; }.theme-light .social-composer textarea { color:#13213a; }.theme-light .social-composer label>span,.theme-light .network-summary p { color:#526078; }
@media(max-width:900px){.social-layout{grid-template-columns:1fr}}@media(max-width:720px){.social-composer{grid-template-columns:1fr}.composer-avatar{display:none}.composer-actions{align-items:stretch;flex-direction:column;grid-column:1}.composer-actions button{margin-left:0}.composer-actions small{display:none}}

html[data-accent] .button,
html[data-accent] .composer-actions button {
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
}

html[data-accent] .user-hero h1,
html[data-accent] .user-panel-title h2,
html[data-accent] .user-list > article > b {
    color: var(--accent);
}

html[data-accent] .user-panel-title {
    border-bottom-color: color-mix(in srgb, var(--accent) 28%, transparent);
}

html[data-accent] .user-hero {
    border-color: color-mix(in srgb, var(--accent) 30%, transparent);
    box-shadow: inset 4px 0 0 var(--accent), 0 18px 52px rgba(0,0,0,.10);
}

html[data-accent] .user-panel {
    border-top-color: color-mix(in srgb, var(--accent) 32%, transparent);
}

html[data-accent] .composer-avatar,
html[data-accent] .post-avatar {
    background: linear-gradient(135deg, var(--accent), var(--accent-strong));
}

html[data-accent] .photo-picker {
    background: var(--accent-soft);
    border-color: color-mix(in srgb, var(--accent) 35%, transparent);
    color: var(--accent);
}

.theme-light html[data-accent] .photo-picker,
html.theme-light[data-accent] .photo-picker {
    background: var(--accent-soft);
    border-color: color-mix(in srgb, var(--accent) 35%, #ffffff);
    color: var(--accent-strong);
}
.feed-page-heading { align-items:center; display:flex; justify-content:space-between; margin-bottom:22px; }.feed-page-heading h1 { color:var(--accent); font-size:48px; margin:12px 0 6px; }.feed-page-heading p { color:#9eabc3; margin:0; }.feed-main-panel { margin:0 auto; max-width:850px; }.post-metrics { border-bottom:1px solid rgba(255,255,255,.08); color:#8390aa; display:flex; font-size:11px; gap:16px; justify-content:flex-end; padding:8px 0; }.post-actions { display:flex; gap:7px; }.post-actions form { margin:0; }.post-actions .liked { background:var(--accent-soft); border-color:var(--accent); color:var(--accent); }.comment-list { display:grid; gap:8px; margin-top:12px; }.comment-list>div { background:rgba(255,255,255,.04); border-radius:12px; padding:10px 12px; }.comment-list b { font-size:12px; }.comment-list p { font-size:13px; margin:4px 0 0; }.comment-form { display:flex; gap:8px; margin-top:12px; }.comment-form input { background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.1); color:#fff; }.comment-form button { background:var(--accent); border:0; border-radius:10px; color:#fff; font-weight:900; padding:0 16px; }.theme-light .feed-page-heading p { color:#526078; }.theme-light .post-metrics { border-color:#e2ebf7; }.theme-light .comment-list>div,.theme-light .comment-form input { background:#f3f7fc; color:#13213a; }
.follow-form { margin-left:auto; }.follow-form button,.comment-list button { background:var(--accent-soft); border:1px solid color-mix(in srgb,var(--accent) 30%,transparent); border-radius:999px; color:var(--accent); cursor:pointer; font-size:11px; font-weight:800; padding:6px 10px; }.comment-list .reply { margin-left:32px; }.feed-tabs { display:flex; gap:8px; margin-top:18px; }.feed-tabs a { border-radius:999px; color:#9eabc3; font-size:12px; font-weight:900; padding:8px 13px; }.feed-tabs a.active { background:var(--accent-soft); color:var(--accent); }.social-modal { align-items:center; display:flex; inset:0; justify-content:center; padding:20px; position:fixed; z-index:80; }.social-modal[aria-hidden="true"]{display:none}.social-modal-backdrop{background:rgba(0,0,0,.72);border:0;inset:0;position:absolute}.social-modal>section{background:#11172d;border:1px solid var(--line);border-radius:18px;max-width:620px;padding:24px;position:relative;width:100%;z-index:1}.social-modal form{display:grid;gap:16px}.social-modal textarea{background:#0b1020;border-color:var(--line);color:#fff}.theme-light .social-modal>section{background:#fff;color:#13213a}.theme-light .social-modal textarea{background:#fff;color:#13213a}
.post-metrics button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}.post-metrics button:hover{color:var(--accent);text-decoration:underline}.comments-more{align-self:flex-start;background:transparent;border:0;color:var(--accent);cursor:pointer;font-size:12px;font-weight:900;margin:10px 0 0;padding:4px 0}.comments-more:hover{text-decoration:underline}.comments-more:disabled{cursor:wait;opacity:.6}

.onboarding-shell { margin: 0 auto; max-width: 1060px; padding: 28px 0 80px; }.onboarding-intro { margin: 0 auto 42px; max-width: 780px; text-align: center; }.onboarding-logo img { margin-bottom: 22px; width: 52px; }.onboarding-intro h1 { font-size: clamp(34px,5vw,58px); line-height: 1.02; margin: 18px 0; }.onboarding-intro p { color: #aebbd5; font-size: 17px; line-height: 1.65; }.onboarding-progress { display: grid; gap: 8px; grid-template-columns: repeat(3,1fr); margin: 28px auto 0; max-width: 360px; }.onboarding-progress span { background: linear-gradient(90deg,#7c3aed,#22d3ee); border-radius: 999px; height: 5px; }
.onboarding-form { display: grid; gap: 22px; }.onboarding-step { background: linear-gradient(145deg,rgba(19,26,52,.97),rgba(9,13,29,.97)); border: 1px solid rgba(255,255,255,.1); border-radius: 22px; display: grid; gap: 22px; grid-template-columns: 62px 1fr; padding: 28px; }.step-number { align-items: center; background: rgba(124,58,237,.18); border: 1px solid rgba(139,92,246,.3); border-radius: 15px; color: #c4b5fd; display: flex; font-size: 13px; font-weight: 900; height: 48px; justify-content: center; }.step-label { color: #8b5cf6; font-size: 11px; font-weight: 900; letter-spacing: .13em; }.step-content h2 { font-size: 25px; margin: 8px 0; }.step-content > p { color: #9eabc3; margin: 0 0 22px; }.choice-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,1fr); margin: 20px 0; }.choice-grid.compact { grid-template-columns: repeat(3,1fr); }.choice-card { position: relative; }.choice-card input { height: 1px; opacity: 0; position: absolute; width: 1px; }.choice-card span { background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; cursor: pointer; display: block; min-height: 48px; padding: 14px; transition: .15s ease; }.choice-card b,.choice-card small { display: block; }.choice-card small { color: #8592aa; font-size: 11px; margin-top: 5px; }.choice-card input:checked + span { background: rgba(124,58,237,.17); border-color: #8b5cf6; box-shadow: inset 0 0 0 1px rgba(139,92,246,.25); }.choice-card input:checked + span b { color: #ddd6fe; }.field-block { margin-top: 18px; }.field-block small { color: #75839e; font-size: 11px; }.field-block input,.field-block select,.field-block textarea { background: #0a0f20; border-color: rgba(255,255,255,.13); color: #fff; }.onboarding-columns { display: grid; gap: 14px; grid-template-columns: repeat(2,1fr); }.toggle-grid { display: grid; gap: 12px; grid-template-columns: repeat(2,1fr); margin: 22px 0; }.toggle-grid label { align-items: center; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 13px; display: flex; grid-template-columns: auto 1fr; padding: 15px; }.toggle-grid input { accent-color: #7c3aed; height: 20px; width: 20px; }.toggle-grid b,.toggle-grid small { display: block; }.toggle-grid small { color: #8592aa; font-size: 11px; margin-top: 4px; }.safety-note { background: rgba(14,165,255,.07); border: 1px solid rgba(14,165,255,.18); border-radius: 14px; margin: 22px 0; padding: 16px; }.safety-note b { color: #9fe8ff; }.safety-note p { color: #9cabc3; font-size: 12px; line-height: 1.55; margin: 5px 0 0; }.onboarding-submit { width: 100%; }
.theme-light .onboarding-step { background: #fff; border-color: #d9e4f3; }.theme-light .onboarding-intro p,.theme-light .step-content > p { color: #5f6f89; }.theme-light .choice-card span,.theme-light .toggle-grid label { background: #f7faff; border-color: #dce7f5; }.theme-light .field-block input,.theme-light .field-block select,.theme-light .field-block textarea { background: #fff; color: #13213a; }.theme-light .choice-card input:checked + span { background: #f0eaff; }.theme-light .choice-card input:checked + span b { color: #5b21b6; }
@media (max-width: 720px) { .onboarding-shell { padding-top: 10px; }.onboarding-step { grid-template-columns: 1fr; padding: 20px; }.step-number { width: 48px; }.choice-grid,.choice-grid.compact,.onboarding-columns,.toggle-grid { grid-template-columns: 1fr; } }
.feed-page.user-shell{width:min(1700px,calc(100% - 48px))}.world-feed-layout{align-items:start;display:grid;gap:22px;grid-template-columns:280px minmax(520px,760px) 320px;justify-content:center}.feed-rail{display:grid;gap:18px;position:sticky;top:104px}.rail-card{background:linear-gradient(145deg,rgba(19,26,52,.97),rgba(9,13,29,.97));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:18px}.rail-card h2{font-size:17px;margin:0 0 14px}.rail-card>a,.rail-title a{color:var(--accent);display:block;font-size:12px;font-weight:900;margin-top:14px}.rail-card.compact{display:grid;gap:10px}.rail-card.compact a{margin:0}.rail-card p{color:#91a0ba;font-size:13px;line-height:1.5}.rail-label{color:var(--accent);font-size:10px;font-weight:950;letter-spacing:.12em}.impact-grid{display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.impact-grid div{background:rgba(255,255,255,.04);border-radius:12px;padding:11px}.impact-grid strong,.impact-grid span{display:block}.impact-grid strong{color:var(--accent);font-size:23px}.impact-grid span{color:#8795ae;font-size:10px;margin-top:3px}.quiz-options{display:grid;gap:7px}.quiz-options button{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#cad5e9;cursor:pointer;font-weight:750;padding:9px;text-align:left}.quiz-options button:hover,.quiz-options button.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.rail-card>small{color:#71809a;display:block;font-size:10px;line-height:1.4;margin-top:10px}.rail-title{align-items:start;display:flex;justify-content:space-between}.rail-title a{margin:1px 0 0}.suggestion-list,.trending-list{display:grid;gap:10px}.suggestion-list article{align-items:center;display:grid;gap:9px;grid-template-columns:38px 1fr auto}.suggestion-list img,.suggestion-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;height:38px;justify-content:center;object-fit:cover;width:38px}.suggestion-list b,.suggestion-list small{display:block}.suggestion-list b{font-size:12px}.suggestion-list small{color:#8290a9;font-size:10px}.suggestion-list form{margin:0}.suggestion-list button{background:var(--accent-soft);border:1px solid var(--accent);border-radius:999px;color:var(--accent);cursor:pointer;font-size:10px;font-weight:900;padding:6px 9px}.trending-list>a{background:rgba(255,255,255,.035);border-radius:12px;display:block;padding:11px}.trending-list span,.trending-list b,.trending-list small{display:block}.trending-list span{color:var(--accent);font-size:9px}.trending-list b{font-size:12px;margin:5px 0}.trending-list small{color:#8290a9;font-size:10px}.post-avatar.photo{object-fit:cover}.profile-photo-field{align-items:center;display:flex;gap:16px}.profile-photo-field>img,.profile-photo-field>span{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;font-size:28px;font-weight:900;height:86px;justify-content:center;object-fit:cover;width:86px}.profile-photo-field label{flex:1}.profile-photo-field small{color:#8190aa;font-size:11px}.theme-light .rail-card{background:#fff;border-color:#d9e4f3;color:#13213a}.theme-light .impact-grid div,.theme-light .quiz-options button,.theme-light .trending-list>a{background:#f3f7fc}.theme-light .quiz-options button{color:#526078}@media(max-width:1250px){.world-feed-layout{grid-template-columns:minmax(0,760px) 300px}.left-rail{display:none}}@media(max-width:900px){.world-feed-layout{grid-template-columns:1fr}.right-rail{position:static}.feed-page.user-shell{width:min(100% - 28px,760px)}}
/* Contencao da grade do feed: impede o conteudo central de invadir as laterais. */
.container.feed-container {
    width: min(1740px, calc(100% - 32px));
}

.container.feed-container .feed-page.user-shell {
    width: 100%;
}

.world-feed-layout {
    grid-template-columns: minmax(210px, 240px) minmax(0, 1fr) minmax(250px, 280px);
    width: 100%;
}

.world-feed-layout > * {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
}

.world-feed-layout .feed-main-panel,
.world-feed-layout .feed-list,
.world-feed-layout .social-post {
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    width: 100%;
}

.world-feed-layout .feed-main-panel {
    overflow: hidden;
}

.world-feed-layout .social-post > * {
    max-width: 100%;
}

.world-feed-layout .feed-rail {
    min-width: 0;
}

@media (max-width: 1500px) {
    .world-feed-layout {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 290px);
    }

    .world-feed-layout .left-rail {
        display: none;
    }
}

@media (max-width: 980px) {
    .world-feed-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .world-feed-layout .right-rail {
        position: static;
    }
}

/* Vitrine tridimensional de projetos */
.projects-page-hero {
    align-items: center;
    background:
        radial-gradient(circle at 82% 18%, rgba(67, 218, 255, .18), transparent 25%),
        radial-gradient(circle at 12% 85%, rgba(113, 82, 246, .17), transparent 28%),
        linear-gradient(135deg, #08142d, #112a55 58%, #171946);
    border: 1px solid rgba(90, 220, 255, .38);
    border-radius: 25px;
    box-shadow: inset 0 1px rgba(255,255,255,.16), 0 5px 0 #071128, 0 27px 55px rgba(12, 35, 75, .25);
    color: #fff;
    display: grid;
    gap: 25px;
    grid-template-columns: 125px minmax(0, 1fr) 285px;
    margin-bottom: 28px;
    min-height: 270px;
    overflow: hidden;
    padding: 34px;
    position: relative;
}

.projects-page-hero::after {
    background: linear-gradient(90deg, transparent, #53def8, #8371ff, transparent);
    bottom: 0;
    content: "";
    height: 2px;
    left: 7%;
    position: absolute;
    width: 86%;
}

.projects-hero-orbit { height: 110px; position: relative; width: 110px; }
.projects-hero-orbit i { border: 1px solid rgba(92,226,255,.35); border-radius: 50%; inset: 0; position: absolute; }
.projects-hero-orbit i:nth-child(2) { border-style: dashed; inset: 13px; transform: rotate(38deg); }
.projects-hero-orbit span {
    align-items: center;
    background: linear-gradient(145deg, #35bce2, #6557e9);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 50%;
    box-shadow: inset 0 1px 8px rgba(255,255,255,.35), 0 14px 32px rgba(40,159,226,.35);
    display: flex;
    font-size: 2rem;
    height: 64px;
    justify-content: center;
    left: 23px;
    position: absolute;
    top: 23px;
    width: 64px;
}

.projects-eyebrow { color: #61e4ff; font-size: .66rem; font-weight: 950; letter-spacing: .15em; }
.projects-hero-copy h1 { font-size: clamp(2.1rem, 4vw, 3.65rem); letter-spacing: -.05em; line-height: .98; margin: 14px 0; }
.projects-hero-copy h1 em { background: linear-gradient(90deg, #60dff7, #8c7dff); background-clip: text; color: transparent; font-style: normal; }
.projects-hero-copy p { color: #b7c8e4; line-height: 1.62; margin: 0; max-width: 720px; }
.projects-hero-signals { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 18px; }
.projects-hero-signals span { color: #91a7ca; font-size: .7rem; }
.projects-hero-signals b { color: #65e5ff; font-size: 1rem; }
.projects-hero-signals i { background: #5ee9c0; border-radius: 50%; box-shadow: 0 0 12px #5ee9c0; display: inline-block; height: 6px; margin-right: 6px; width: 6px; }
.projects-hero-action { display: grid; gap: 12px; position: relative; z-index: 1; }
.projects-hero-action small { color: #849bc2; font-size: .6rem; font-weight: 950; letter-spacing: .12em; text-align: center; }
.projects-publish-button {
    align-items: center;
    background: linear-gradient(135deg, #50d4ee, #6c68f1);
    border: 1px solid #8cecff;
    border-radius: 15px;
    box-shadow: inset 0 1px rgba(255,255,255,.5), 0 5px 0 #243b8c, 0 18px 34px rgba(44,105,220,.3);
    color: #07152e;
    display: flex;
    font-weight: 950;
    gap: 10px;
    justify-content: center;
    padding: 16px 18px;
    transition: transform .2s ease, box-shadow .2s ease;
}
.projects-publish-button:hover { box-shadow: inset 0 1px rgba(255,255,255,.6), 0 7px 0 #243b8c, 0 24px 38px rgba(44,105,220,.38); transform: translateY(-3px); }
.projects-publish-button span { font-size: 1.35rem; line-height: 1; }
.projects-publish-button b { margin-left: auto; }

.projects-3d-list { gap: 24px; perspective: 1400px; }
.projects-3d-list article.project {
    background:
        radial-gradient(circle at 95% 0, rgba(64,211,245,.11), transparent 28%),
        linear-gradient(145deg, #fff, #f4f8fd);
    border: 1px solid #d1e0ef;
    border-radius: 22px;
    box-shadow: inset 0 1px #fff, inset 0 -5px 12px rgba(46,85,139,.05), 0 5px 0 #c5d4e5, 0 24px 44px rgba(22,52,94,.13);
    color: #10203c;
    overflow: hidden;
    padding: 27px;
    position: relative;
    transition: transform .25s ease, box-shadow .25s ease;
}
.projects-3d-list article.project::before { background: linear-gradient(90deg, #44d3ed, #7266ef); content: ""; height: 3px; left: 27px; position: absolute; top: 0; width: 100px; }
.projects-3d-list article.project:hover { box-shadow: inset 0 1px #fff, 0 7px 0 #bdcede, 0 31px 55px rgba(22,52,94,.18); transform: translateY(-3px); }
.projects-3d-list .project-card-tags { display: flex; gap: 7px; }
.projects-3d-list .tag { margin: 0 0 15px; }
.projects-3d-list h2 { font-size: clamp(1.35rem, 2vw, 1.8rem); margin: 14px 0; }
.projects-3d-list h2 a { color: #10203c; }
.projects-3d-list article.project > p { color: #536783; font-size: .95rem; line-height: 1.62; }
.projects-3d-list .project-open-link { color: #167eae; display: inline-flex; font-size: .78rem; font-weight: 900; gap: 7px; margin: 4px 0 18px; }
.projects-3d-list dl { background: rgba(232,241,250,.72); border: 1px solid #d6e3f0; border-radius: 15px; gap: 0; overflow: hidden; }
.projects-3d-list dl div { border-right: 1px solid #d6e3f0; min-width: 0; padding: 13px 15px; }
.projects-3d-list dl div:last-child { border-right: 0; }
.projects-3d-list dt { color: #627795; font-size: .62rem; }
.projects-3d-list dd { color: #162844; font-size: .78rem; line-height: 1.4; margin-top: 5px; }
.projects-3d-list .project-interest { box-shadow: inset 0 1px rgba(255,255,255,.75), 0 8px 18px rgba(80,62,174,.08); }

html:not(.theme-light) .projects-3d-list article.project {
    background: radial-gradient(circle at 95% 0,rgba(63,213,248,.1),transparent 28%),linear-gradient(145deg,#121d39,#0b1227);
    border-color: rgba(105,170,224,.24);
    box-shadow: inset 0 1px rgba(255,255,255,.09), 0 5px 0 #060b18, 0 25px 45px rgba(0,0,0,.35);
    color: #edf6ff;
}
html:not(.theme-light) .projects-3d-list h2 a { color: #edf6ff; }
html:not(.theme-light) .projects-3d-list article.project > p { color: #aebed7; }
html:not(.theme-light) .projects-3d-list dl { background: rgba(255,255,255,.035); border-color: rgba(128,174,224,.16); }
html:not(.theme-light) .projects-3d-list dl div { border-color: rgba(128,174,224,.16); }
html:not(.theme-light) .projects-3d-list dt { color: #7f94b4; }
html:not(.theme-light) .projects-3d-list dd { color: #dceaff; }

@media (max-width: 900px) {
    .projects-page-hero { grid-template-columns: 90px minmax(0,1fr); }
    .projects-hero-action { grid-column: 1 / 3; }
}
@media (max-width: 650px) {
    .projects-page-hero { grid-template-columns: 1fr; padding: 24px; }
    .projects-hero-orbit { display: none; }
    .projects-hero-action { grid-column: auto; }
    .projects-3d-list dl { grid-template-columns: 1fr 1fr; }
    .projects-3d-list dl div { border-bottom: 1px solid #d6e3f0; }
}

/* Republicacao consciente: previa e contexto antes de compartilhar. */
.repost-modal > section {
    background: linear-gradient(145deg, #fff, #f1f6fd);
    border: 1px solid #cfe0ef;
    border-radius: 22px;
    box-shadow: inset 0 1px #fff, 0 5px 0 #c1d1e3, 0 30px 70px rgba(9,31,68,.28);
    max-width: 620px;
    padding: 28px;
}
.repost-eyebrow { color: var(--accent); font-size: .65rem; font-weight: 950; letter-spacing: .14em; }
.repost-modal h2 { color: #10203c; font-size: 1.65rem; margin: 9px 0 5px; }
.repost-description { color: #667994; font-size: .82rem; margin: 0 0 18px; }
.repost-preview { background: linear-gradient(145deg,#f5f9fd,#eaf2fa); border: 1px solid #d3e1ef; border-radius: 15px; box-shadow: inset 0 1px #fff; padding: 15px; }
.repost-preview b { color: #147ca9; display: block; font-size: .75rem; margin-bottom: 6px; }
.repost-preview p { color: #405672; line-height: 1.5; margin: 0; }
.repost-modal form { display: grid; gap: 15px; margin-top: 17px; }
.repost-modal label { color: #172a48; font-size: .76rem; }
.repost-modal label span { color: #8190a5; font-size: .65rem; font-weight: 500; }
.repost-modal textarea { background: #fff; color: #14243e; resize: vertical; }
.repost-actions { display: flex; gap: 10px; justify-content: flex-end; }
.repost-actions button { border: 1px solid #cddbea; border-radius: 12px; cursor: pointer; font-weight: 900; padding: 11px 17px; }
.repost-actions button:first-child { background: #edf3f9; color: #536983; }
.repost-actions .button { background: linear-gradient(135deg,#4dd7ef,#766bf4); color: #08162e; }

html:not(.theme-light) .repost-modal > section { background: linear-gradient(145deg,#172540,#0d172d); border-color: rgba(95,166,222,.3); box-shadow: inset 0 1px rgba(255,255,255,.08),0 5px 0 #060b17,0 32px 70px rgba(0,0,0,.55); }
html:not(.theme-light) .repost-modal h2 { color: #edf7ff; }
html:not(.theme-light) .repost-description { color: #96aac6; }
html:not(.theme-light) .repost-preview { background: linear-gradient(145deg,#1c2d4a,#13213b); border-color: rgba(111,166,218,.22); box-shadow: inset 0 1px rgba(255,255,255,.05); }
html:not(.theme-light) .repost-preview b { color: #78e6fb; }
html:not(.theme-light) .repost-preview p { color: #d6e5f6; }
html:not(.theme-light) .repost-modal label { color: #dce9f8; }
html:not(.theme-light) .repost-modal textarea { background: #101c33; border-color: rgba(108,157,207,.28); color: #f1f7ff; }
html:not(.theme-light) .repost-actions button:first-child { background: #1a2944; border-color: rgba(112,158,205,.26); color: #b5c8df; }

/* Estado de interesse com contraste legivel nos dois temas. */
.theme-light .projects-3d-list .project-interest.sent {
    background: linear-gradient(145deg, #f4efff, #e8e0ff);
    border-color: #c7b5f4;
    box-shadow: inset 0 1px #fff, 0 4px 0 #d4c8ef, 0 12px 24px rgba(78,52,146,.12);
}
.theme-light .projects-3d-list .project-interest.sent span {
    color: #54249f;
}
.theme-light .projects-3d-list .project-interest.sent button {
    background: linear-gradient(145deg, #6743bd, #4c2c99);
    border: 1px solid #8061cb;
    color: #fff;
    box-shadow: inset 0 1px rgba(255,255,255,.3), 0 5px 12px rgba(77,45,150,.2);
}
html:not(.theme-light) .projects-3d-list .project-interest.sent {
    background: linear-gradient(145deg, rgba(92,65,170,.28), rgba(52,39,111,.3));
    border-color: rgba(154,126,236,.4);
}
html:not(.theme-light) .projects-3d-list .project-interest.sent span {
    color: #d8caff;
}
html:not(.theme-light) .projects-3d-list .project-interest.sent button {
    background: #31245f;
    border: 1px solid #765eb9;
    color: #f3eeff;
}
/* Project showcase covers and development progress. */
.projects-3d-list .project-cover{border:1px solid rgba(85,214,247,.28);border-radius:16px;box-shadow:0 14px 28px rgba(9,31,67,.2),inset 0 1px rgba(255,255,255,.18);display:block;height:220px;margin:-4px -4px 22px;overflow:hidden;position:relative}.projects-3d-list .project-cover:after{background:linear-gradient(180deg,transparent 50%,rgba(5,15,39,.85));content:"";inset:0;position:absolute}.projects-3d-list .project-cover img{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.projects-3d-list article.project:hover .project-cover img{transform:scale(1.035)}.projects-3d-list .project-cover span{background:rgba(7,21,48,.78);border:1px solid rgba(91,226,255,.42);border-radius:999px;bottom:14px;color:#7eeaff;font-size:.68rem;font-weight:900;padding:7px 11px;position:absolute;right:14px;z-index:1}.projects-3d-list .project-progress{background:#dce8f3;border-radius:999px;height:7px;margin:12px 0 14px;overflow:hidden}.projects-3d-list .project-progress span{background:linear-gradient(90deg,#36ccea,#7165ef);border-radius:inherit;box-shadow:0 0 15px rgba(73,203,238,.45);display:block;height:100%}.projects-3d-list dl{grid-template-columns:repeat(4,minmax(0,1fr))}html:not(.theme-light) .projects-3d-list .project-progress{background:rgba(255,255,255,.08)}
.projects-3d-list .project-basic-explanation{background:linear-gradient(145deg,rgba(231,243,253,.82),rgba(247,250,254,.95));border:1px solid #d5e5f2;border-radius:14px;box-shadow:inset 0 1px #fff;margin:8px 0 12px;padding:14px 16px}.projects-3d-list .project-basic-explanation>span{color:#218ac3;font-size:.58rem;font-weight:950;letter-spacing:.14em}.projects-3d-list .project-basic-explanation>p{color:#536783;font-size:.9rem;line-height:1.58;margin:7px 0 0}.projects-3d-list article.project>p{display:none}html:not(.theme-light) .projects-3d-list .project-basic-explanation{background:linear-gradient(145deg,rgba(40,65,104,.38),rgba(13,27,52,.72));border-color:rgba(100,188,231,.2);box-shadow:inset 0 1px rgba(255,255,255,.06)}html:not(.theme-light) .projects-3d-list .project-basic-explanation>p{color:#b7c7dd}
/* Account settings and billing control center. */
.settings-nav-gear{align-items:center!important;border:1px solid rgba(99,220,255,.25)!important;border-radius:50%!important;display:inline-flex!important;font-size:1rem!important;height:40px;justify-content:center;padding:0!important;width:40px}.settings-nav-gear:hover{background:rgba(58,197,238,.12)!important;box-shadow:0 0 18px rgba(71,210,246,.25)}.settings-shell{margin:0 auto;max-width:1220px;padding:26px 0 80px}.settings-hero{background:radial-gradient(circle at 85% 15%,rgba(67,217,245,.17),transparent 28%),linear-gradient(135deg,#0c1934,#142c58 62%,#241d58);border:1px solid rgba(93,224,255,.36);border-radius:22px;box-shadow:0 25px 55px rgba(8,24,54,.22),0 5px 0 #07142b,inset 0 1px rgba(255,255,255,.14);color:#fff;margin-bottom:24px;padding:30px;position:relative}.settings-hero>a{color:#72e7ff;font-size:.72rem;font-weight:850}.settings-hero>span{color:#70eaff;display:block;font-size:.62rem;font-weight:950;letter-spacing:.15em;margin-top:25px}.settings-hero h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.05em;margin:8px 0}.settings-hero p{color:#b8c9e4;margin:0}.settings-section{background:linear-gradient(145deg,#fff,#f4f8fc);border:1px solid #d7e4f0;border-radius:20px;box-shadow:0 20px 40px rgba(21,50,91,.1),0 5px 0 #c6d6e6,inset 0 1px #fff;padding:24px}.settings-section>header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.settings-section>header>span{align-items:center;background:#e7f5fd;border-radius:10px;color:#248fd1;display:flex;font-size:.68rem;font-weight:950;height:38px;justify-content:center;width:38px}.settings-section h2,.settings-section h3,.settings-section p{margin:0}.settings-section>header p{color:#6f819b;font-size:.72rem;margin-top:3px}.settings-account-grid,.billing-summary{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.settings-account-grid article,.billing-summary article{background:linear-gradient(145deg,#f7faff,#eaf2fa);border:1px solid #d8e5f1;border-radius:14px;box-shadow:0 9px 18px rgba(18,50,91,.07),inset 0 1px #fff;display:grid;gap:5px;min-width:0;padding:16px}.settings-account-grid small,.billing-summary small{color:#6d819d;font-size:.58rem;font-weight:900;letter-spacing:.08em}.settings-account-grid b,.billing-summary b{font-size:.8rem;overflow-wrap:anywhere}.settings-account-grid em{color:#159a82;font-size:.62rem;font-style:normal;font-weight:800}.settings-divider{align-items:center;color:#318fc5;display:grid;gap:15px;grid-template-columns:1fr auto 1fr;margin:28px 0}.settings-divider span{background:linear-gradient(90deg,transparent,#49d4ed,#7667ef);height:2px}.settings-divider span:last-child{transform:scaleX(-1)}.settings-divider b{font-size:.62rem;letter-spacing:.15em}.settings-plans{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));perspective:1300px}.settings-plans article{background:linear-gradient(145deg,#fff,#edf4fb);border:1px solid #d5e3f0;border-radius:17px;box-shadow:0 16px 29px rgba(19,51,93,.1),0 4px 0 #c5d6e6,inset 0 1px #fff;display:flex;flex-direction:column;min-height:350px;padding:22px;position:relative;transition:.2s}.settings-plans article:hover{box-shadow:0 24px 42px rgba(19,51,93,.15),0 5px 0 #bdd0e2;transform:translateY(-3px)}.settings-plans article.current{border-color:#4ccfea;background:radial-gradient(circle at 90% 0,rgba(89,216,247,.17),transparent 32%),linear-gradient(145deg,#fff,#edf6fc)}.current-plan-badge{background:#dff7fb;border:1px solid #9fe8f2;border-radius:999px;color:#1183a3;font-size:.56rem;font-weight:950;padding:5px 8px;position:absolute;right:16px;top:16px}.settings-plans h3{font-size:1.35rem}.settings-plans strong{color:#247fbb;font-size:1.25rem;margin:13px 0}.settings-plans p{color:#637690;font-size:.78rem;line-height:1.5}.settings-plans ul{color:#526783;display:grid;font-size:.72rem;gap:9px;list-style:none;margin:18px 0;padding:0}.settings-plans li:before{color:#21afca;content:"✓";font-weight:950;margin-right:7px}.settings-plans a,.settings-plans button{background:linear-gradient(135deg,#48cde9,#7465ef);border:0;border-radius:11px;color:#fff;font-size:.72rem;font-weight:900;margin-top:auto;padding:12px;text-align:center}.settings-plans button:disabled{background:#dce8f2;color:#6d8099}.billing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-history{margin-top:22px}.billing-history h3{font-size:.9rem;margin-bottom:12px}.billing-history>article{align-items:center;border-top:1px solid #dce7f1;display:grid;gap:14px;grid-template-columns:1fr auto 100px;padding:13px 4px}.billing-history>article div{display:grid}.billing-history small{color:#7b8da6;font-size:.62rem}.billing-status{border-radius:999px;font-size:.62rem;font-weight:900;padding:6px 8px;text-align:center}.billing-status.aprovado{background:#dcf8ee;color:#128363}.billing-status.pendente{background:#fff3d8;color:#9a6b0d}.billing-status.recusado,.billing-status.estornado{background:#ffe3ea;color:#b52d50}.billing-empty{background:#eef4fa;border-radius:12px;color:#677b96!important;font-size:.76rem;padding:16px}
html:not(.theme-light) .settings-section{background:linear-gradient(145deg,#121d38,#0d172d);border-color:rgba(116,170,222,.2);box-shadow:0 20px 45px rgba(0,0,0,.3),0 5px 0 #060d1e,inset 0 1px rgba(255,255,255,.06);color:#edf5ff}html:not(.theme-light) .settings-account-grid article,html:not(.theme-light) .billing-summary article,html:not(.theme-light) .settings-plans article{background:linear-gradient(145deg,#182541,#101a32);border-color:rgba(116,170,222,.18);box-shadow:0 14px 25px rgba(0,0,0,.24),0 4px 0 #091126,inset 0 1px rgba(255,255,255,.05)}html:not(.theme-light) .settings-plans article.current{border-color:#45cfe9;background:radial-gradient(circle at 90% 0,rgba(69,211,239,.13),transparent 34%),linear-gradient(145deg,#182743,#101a32)}html:not(.theme-light) .settings-plans p,html:not(.theme-light) .settings-plans ul{color:#adbed7}html:not(.theme-light) .settings-plans button:disabled{background:#202d48;color:#8295b2}html:not(.theme-light) .billing-history>article{border-color:rgba(116,170,222,.16)}html:not(.theme-light) .billing-empty{background:rgba(255,255,255,.04)}
@media(max-width:900px){.settings-account-grid{grid-template-columns:1fr 1fr}.settings-plans{grid-template-columns:1fr}.billing-summary{grid-template-columns:1fr 1fr}}@media(max-width:560px){.settings-shell{padding-inline:12px}.settings-account-grid,.billing-summary{grid-template-columns:1fr}.billing-history>article{grid-template-columns:1fr auto}.billing-status{grid-column:1/3;width:max-content}}
.post-video{background:#050a18;object-fit:contain}
/* Complete project creation and editing workspace. */
.project-editor-shell{margin:0 auto;max-width:1220px;padding:34px 0 80px}.project-editor-hero{background:radial-gradient(circle at 85% 10%,rgba(82,225,255,.18),transparent 28%),linear-gradient(135deg,#0b1831,#163767 60%,#28215f);border:1px solid rgba(91,223,255,.35);border-radius:22px;box-shadow:0 25px 55px rgba(6,24,54,.24),0 5px 0 #07152e,inset 0 1px rgba(255,255,255,.14);color:#fff;margin-bottom:22px;padding:30px}.project-editor-hero>span{color:#64e4ff;font-size:.64rem;font-weight:950;letter-spacing:.16em}.project-editor-hero h1{font-size:clamp(2rem,4.5vw,3.7rem);letter-spacing:-.045em;margin:8px 0}.project-editor-hero p{color:#b9cce6;margin:0}.project-editor-form{background:transparent;border:0;box-shadow:none;max-width:none;padding:0}.project-cover-editor,.project-form-card,.project-editor-submit{background:linear-gradient(145deg,#fff,#f2f7fc);border:1px solid #d5e4f1;border-radius:19px;box-shadow:0 18px 36px rgba(17,48,89,.1),0 5px 0 #c6d7e7,inset 0 1px #fff}.project-cover-editor{margin-bottom:24px;overflow:hidden}.project-cover-preview{align-items:flex-end;background-color:#0b1832;background-image:radial-gradient(circle at 72% 30%,rgba(67,221,244,.28),transparent 22%),linear-gradient(125deg,#0b1934,#183d72 60%,#30266e);background-position:center;background-size:cover;display:flex;height:300px;padding:26px;position:relative}.project-cover-preview:after{background:linear-gradient(180deg,transparent 35%,rgba(3,10,27,.88));content:"";inset:0;position:absolute}.project-cover-preview>div{color:#fff;display:grid;gap:4px;position:relative;z-index:1}.project-cover-preview span{color:#69e8ff;font-size:.62rem;font-weight:950;letter-spacing:.14em}.project-cover-preview b{font-size:1.1rem}.project-cover-preview small{color:#adbed8}.project-cover-controls{align-items:center;display:flex;gap:16px;padding:16px 20px}.project-cover-upload{background:linear-gradient(135deg,#4ccfeb,#7364ef);border-radius:11px;color:#07162f;cursor:pointer;font-size:.75rem;font-weight:950;padding:12px 16px}.project-cover-upload input{height:1px;opacity:0;position:absolute;width:1px}.project-cover-controls>span{color:#6d809b;font-size:.65rem}.project-cover-remove{color:#526783;font-size:.7rem;margin-left:auto}.project-form-grid{display:grid;gap:20px;grid-template-columns:1fr 1fr}.project-form-card{padding:24px}.project-form-card>header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.project-form-card>header>span{align-items:center;background:#e2f5fd;border-radius:10px;color:#178aba;display:flex;font-size:.7rem;font-weight:950;height:39px;justify-content:center;width:39px}.project-form-card h2,.project-form-card p{margin:0}.project-form-card h2{font-size:1.05rem}.project-form-card header p{color:#7588a1;font-size:.68rem;margin-top:3px}.project-form-card>label,.project-fields-two label,.project-fields-three label{display:grid;font-size:.7rem;font-weight:850;gap:7px;margin-bottom:14px}.project-form-card input,.project-form-card textarea,.project-form-card select{background:#f7faff;border:1px solid #d2e0ed;border-radius:10px;color:#10213d;font:inherit;padding:12px;resize:vertical;width:100%}.project-fields-two,.project-fields-three{display:grid;gap:12px;grid-template-columns:1fr 1fr}.project-fields-three{grid-template-columns:repeat(3,1fr)}.project-progress-field>div{align-items:center;display:flex;gap:14px}.project-progress-field input{accent-color:#29bddd;padding:0}.project-progress-field output{background:#142b55;border-radius:9px;color:#6ae5ff;font-weight:950;min-width:58px;padding:10px;text-align:center}.project-editor-submit{align-items:center;display:flex;gap:12px;margin-top:22px;padding:18px 22px}.project-editor-submit>div{display:grid;margin-right:auto}.project-editor-submit small{color:#71849e;font-size:.66rem}.project-detail-cover{border:1px solid rgba(79,216,247,.32);border-radius:18px;box-shadow:0 18px 38px rgba(7,29,65,.2),0 4px 0 #0a1b38;margin:28px auto 18px;max-width:1220px;overflow:hidden;position:relative}.project-detail-cover img{display:block;height:340px;object-fit:cover;width:100%}.project-detail-cover:after{background:linear-gradient(180deg,transparent 60%,rgba(4,12,31,.78));content:"";inset:0;position:absolute}.project-detail-cover span{background:rgba(7,21,48,.84);border:1px solid rgba(91,226,255,.42);border-radius:999px;bottom:18px;color:#73e8ff;font-size:.72rem;font-weight:900;padding:8px 12px;position:absolute;right:18px;z-index:1}.project-owner-toolbar{display:flex;justify-content:flex-end;margin:0 auto 14px;max-width:1220px}.project-edit-link{color:#268ebd;font-size:.7rem;font-weight:900;margin-left:14px}
html:not(.theme-light) .project-cover-editor,html:not(.theme-light) .project-form-card,html:not(.theme-light) .project-editor-submit{background:linear-gradient(145deg,#15233f,#0d172d);border-color:rgba(112,174,222,.2);box-shadow:0 20px 42px rgba(0,0,0,.3),0 5px 0 #060d1e,inset 0 1px rgba(255,255,255,.06);color:#edf5ff}html:not(.theme-light) .project-form-card input,html:not(.theme-light) .project-form-card textarea,html:not(.theme-light) .project-form-card select{background:#0c172c;border-color:#2a3b59;color:#eaf3ff}html:not(.theme-light) .project-cover-controls>span,html:not(.theme-light) .project-cover-remove,html:not(.theme-light) .project-editor-submit small{color:#9db0cb}
@media(max-width:850px){.project-form-grid{grid-template-columns:1fr}.project-fields-three{grid-template-columns:1fr 1fr}.project-editor-shell{padding-inline:14px}.project-cover-preview{height:230px}}@media(max-width:560px){.project-fields-two,.project-fields-three{grid-template-columns:1fr}.project-cover-controls,.project-editor-submit{align-items:stretch;flex-direction:column}.project-cover-remove{margin-left:0}.project-detail-cover img{height:220px}}
.checkout-coupon{margin:18px 0 8px;padding:18px;border:1px solid rgba(58,205,235,.32);border-radius:18px;background:linear-gradient(145deg,rgba(245,251,255,.96),rgba(229,239,255,.9));box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(22,49,91,.1)}
.checkout-coupon>label{display:flex!important;justify-content:space-between;align-items:center;margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.checkout-coupon>label span{font-size:.76rem;font-weight:900;letter-spacing:.11em;color:#087a9f}.checkout-coupon>label small{color:#6c7f9f}.checkout-coupon>div{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:12px;align-items:center}.checkout-coupon input{min-width:0;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.checkout-coupon>div span{font-size:.82rem;color:#637492}
.checkout-coupon-entry button{margin:0!important;min-height:48px;padding:0 20px!important;white-space:nowrap}.checkout-coupon-feedback{margin:10px 0 0;font-size:.86rem;color:#637492}.checkout-coupon.is-valid{border-color:#28c69a;background:linear-gradient(145deg,rgba(238,255,249,.98),rgba(224,248,244,.94))}.checkout-coupon.is-valid .checkout-coupon-feedback{color:#087b60}.checkout-coupon.is-invalid{border-color:#f26d7d}.checkout-coupon.is-invalid .checkout-coupon-feedback{color:#b92845}
[data-theme="dark"] .checkout-coupon{background:linear-gradient(145deg,rgba(14,31,61,.98),rgba(22,29,68,.96));border-color:rgba(86,220,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.28)}[data-theme="dark"] .checkout-coupon input{background:#101b35;color:#eef8ff;border-color:#31547d}[data-theme="dark"] .checkout-coupon>div span,[data-theme="dark"] .checkout-coupon>label small{color:#a9bad5}
[data-theme="dark"] .checkout-coupon.is-valid{background:linear-gradient(145deg,rgba(9,52,53,.98),rgba(16,37,65,.96));border-color:#28c69a}[data-theme="dark"] .checkout-coupon.is-valid .checkout-coupon-feedback{color:#8ff5d6}[data-theme="dark"] .checkout-coupon.is-invalid .checkout-coupon-feedback{color:#ff9bad}
.coupon-admin-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.coupon-admin-form label{display:grid;gap:7px}.coupon-admin-form label span{font-size:.78rem;font-weight:800}.coupon-admin-form button{align-self:end;min-height:46px}.admin-table-wrap td small{display:block;opacity:.65;margin-top:3px}
.coupon-admin-actions{min-width:150px}.coupon-admin-actions>form{display:inline-block;margin:8px 6px 8px 0}.coupon-status{display:inline-flex;align-items:center;border:1px solid rgba(89,207,255,.35);border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:900;letter-spacing:.04em}.coupon-status.is-active,.coupon-status.is-aprovado{color:#0b8f68;background:rgba(45,214,157,.12)}.coupon-status.is-paused,.coupon-status.is-cancelado,.coupon-status.is-recusado{color:#d94c62;background:rgba(255,84,119,.11)}.coupon-status.is-pendente{color:#b77800;background:rgba(255,190,60,.13)}.coupon-editor{position:relative}.coupon-editor summary{cursor:pointer;color:var(--accent);font-weight:900}.coupon-editor[open]{position:fixed;z-index:120;inset:8vh 7vw auto;max-height:84vh;overflow:auto;padding:22px;border:1px solid rgba(89,207,255,.38);border-radius:22px;background:linear-gradient(145deg,#fff,#edf5ff);box-shadow:0 26px 80px rgba(3,12,38,.42)}.theme-dark .coupon-editor[open],html:not(.theme-light) .coupon-editor[open]{background:linear-gradient(145deg,#182541,#0d172d);color:#eef6ff}.coupon-editor[open] summary{margin-bottom:18px}.admin-card-note{opacity:.72;margin-top:-6px}
@media(max-width:820px){.checkout-coupon>div,.coupon-admin-form{grid-template-columns:1fr}}

/* Animated global seal on the public hero. */
.home-global-seal{
    align-items:center;
    background:
        radial-gradient(circle at 18% 0,rgba(76,231,255,.22),transparent 34%),
        linear-gradient(145deg,#102a48 0%,#07182d 52%,#13234d 100%);
    border:1px solid rgba(87,229,255,.46);
    border-radius:999px;
    box-shadow:
        inset 0 1px rgba(255,255,255,.2),
        inset 0 -5px 12px rgba(0,0,0,.25),
        0 5px 0 #061125,
        0 14px 30px rgba(6,40,79,.34),
        0 0 24px rgba(48,210,236,.1);
    color:#fff;
    display:inline-flex;
    gap:10px;
    min-height:50px;
    padding:7px 10px 7px 7px;
    position:relative;
    transform:translateZ(0);
    transition:transform .25s ease,box-shadow .25s ease;
    isolation:isolate;
}
.home-global-seal:after{
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);
    border-radius:inherit;
    content:"";
    inset:1px;
    opacity:.18;
    pointer-events:none;
    position:absolute;
    transform:translateX(-110%);
    animation:homeSealShine 4.8s ease-in-out infinite;
    z-index:-1;
}
.home-global-seal:hover{
    box-shadow:
        inset 0 1px rgba(255,255,255,.25),
        inset 0 -5px 12px rgba(0,0,0,.25),
        0 6px 0 #061125,
        0 18px 34px rgba(6,40,79,.42),
        0 0 30px rgba(48,210,236,.2);
    transform:translateY(-2px);
}
.home-global-seal__symbol{
    align-items:center;
    animation:homeSealPulse 3.2s ease-in-out infinite;
    background:conic-gradient(from -35deg,#159447 0 34%,#f4d21f 34% 66%,#1667be 66% 100%);
    border:2px solid rgba(255,255,255,.78);
    border-radius:50%;
    box-shadow:inset 0 0 10px rgba(255,255,255,.4),0 0 0 3px rgba(30,192,218,.12),0 0 18px rgba(69,225,246,.45);
    display:flex;
    flex:0 0 35px;
    height:35px;
    justify-content:center;
    position:relative;
}
.home-global-seal__symbol:before{
    background:#f7d928;
    content:"";
    height:15px;
    position:absolute;
    transform:rotate(45deg);
    width:15px;
}
.home-global-seal__symbol:after{
    background:radial-gradient(circle at 38% 35%,#50a9ff,#083a95 72%);
    border:1px solid rgba(255,255,255,.9);
    border-radius:50%;
    box-shadow:0 0 8px rgba(37,129,255,.65);
    content:"";
    height:12px;
    position:absolute;
    width:12px;
}
.home-global-seal__symbol i{
    animation:homeSealOrbit 4.4s linear infinite;
    border:1px solid rgba(105,237,255,.48);
    border-radius:50%;
    height:45px;
    position:absolute;
    width:45px;
}
.home-global-seal__symbol i:after{
    background:#72efff;
    border-radius:50%;
    box-shadow:0 0 9px #57eaff;
    content:"";
    height:4px;
    position:absolute;
    right:2px;
    top:5px;
    width:4px;
}
.home-global-seal__brand{display:grid;line-height:1}
.home-global-seal__brand strong{
    font-size:.78rem;
    font-weight:950;
    letter-spacing:-.02em;
    white-space:nowrap;
}
.home-global-seal__brand strong span{color:#62e8ff}
.home-global-seal__brand em{
    background:linear-gradient(90deg,#39c56b 0 34%,#f6d637 42% 61%,#4a9ff5 70%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:.61rem;
    font-style:normal;
    font-weight:1000;
    letter-spacing:.18em;
    margin-top:4px;
}
.home-global-seal>small{
    background:linear-gradient(145deg,rgba(68,211,236,.16),rgba(85,98,225,.18));
    border:1px solid rgba(96,224,246,.34);
    border-radius:999px;
    color:#bdf7ff;
    font-size:.5rem;
    font-weight:950;
    letter-spacing:.12em;
    padding:5px 7px;
}
@keyframes homeSealPulse{
    0%,100%{filter:brightness(1);transform:scale(1)}
    50%{filter:brightness(1.18);transform:scale(1.07)}
}
@keyframes homeSealOrbit{to{transform:rotate(360deg)}}
@keyframes homeSealShine{
    0%,68%{transform:translateX(-110%)}
    88%,100%{transform:translateX(110%)}
}
@media(max-width:560px){
    .home-global-seal{gap:8px;min-height:46px;padding:6px 9px 6px 6px}
    .home-global-seal__symbol{flex-basis:32px;height:32px}
    .home-global-seal__symbol i{height:41px;width:41px}
    .home-global-seal__brand strong{font-size:.72rem}
    .home-global-seal>small{font-size:.46rem;padding:4px 6px}
}
@media(prefers-reduced-motion:reduce){
    .home-global-seal:after,.home-global-seal__symbol,.home-global-seal__symbol i{animation:none}
}
.admin-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.admin-payment-summary article{background:linear-gradient(145deg,rgba(25,39,72,.96),rgba(10,17,35,.96));border:1px solid rgba(103,214,255,.22);border-radius:16px;box-shadow:0 8px 0 rgba(5,13,29,.46),0 18px 30px rgba(0,0,0,.2);padding:17px}
.admin-payment-summary span{color:#92a3c2;display:block;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.admin-payment-summary strong{color:#f4f8ff;display:block;font-size:1.35rem;margin-top:6px}
.payment-environment{border:1px solid;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:900;padding:5px 9px}
.payment-environment-teste{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.42);color:#fbbf24}
.payment-environment-producao{background:rgba(16,185,129,.13);border-color:rgba(16,185,129,.42);color:#5ee9b5}
.admin-head-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}
.theme-light .admin-payment-summary article{background:linear-gradient(145deg,#fff,#edf5ff);border-color:#cbdcf0;box-shadow:0 7px 0 #cbd8e8,0 17px 28px rgba(33,61,98,.13)}
.theme-light .admin-payment-summary strong{color:#13213a}

/* Admin — tema claro unificado */
.theme-light .admin-app {
    --admin-light-ink: #14213a;
    --admin-light-muted: #60708b;
    --admin-light-line: #cfdbeb;
    --admin-light-panel: rgba(255, 255, 255, .94);
    --admin-light-soft: #eef4fb;
    background:
        radial-gradient(circle at 18% 4%, rgba(123, 92, 246, .14), transparent 31%),
        radial-gradient(circle at 92% 10%, rgba(45, 190, 245, .13), transparent 29%),
        linear-gradient(145deg, #f6f8fd, #eaf2fa);
    color: var(--admin-light-ink);
}

.theme-light .admin-sidebar {
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .99), rgba(239, 244, 252, .98));
    border-right: 1px solid #cbd8e8;
    box-shadow: 8px 0 28px rgba(41, 62, 96, .10);
}

.theme-light .admin-brand span,
.theme-light .admin-sidebar-user b,
.theme-light .admin-topbar b {
    color: var(--admin-light-ink);
}

.theme-light .admin-brand b {
    background: linear-gradient(135deg, #6d35f0, #258fd5);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.theme-light .admin-brand small,
.theme-light .admin-sidebar-user small,
.theme-light .admin-topbar small,
.theme-light .admin-sidebar nav p {
    color: #71809a;
}

.theme-light .admin-sidebar nav a {
    border: 1px solid transparent;
    color: #52617b;
}

.theme-light .admin-sidebar nav a span {
    color: #6f7f9b;
}

.theme-light .admin-sidebar nav a:hover,
.theme-light .admin-sidebar nav a.active {
    background: linear-gradient(135deg, #f1eaff, #e9f4ff);
    border-color: #d7c7fa;
    box-shadow: 0 4px 0 #c6b5ee, 0 10px 20px rgba(78, 64, 143, .10);
    color: #4f249e;
    transform: translateY(-1px);
}

.theme-light .admin-sidebar nav a.active {
    box-shadow: inset 3px 0 #7c3aed, 0 4px 0 #c6b5ee, 0 10px 20px rgba(78, 64, 143, .10);
}

.theme-light .admin-sidebar-user {
    border-top-color: #d9e2ef;
}

.theme-light .admin-sidebar-user > span {
    background: linear-gradient(145deg, #8358f4, #6225dc);
    box-shadow: 0 4px 0 #4d1daf, 0 10px 20px rgba(82, 43, 176, .20);
    color: #fff;
}

.theme-light .admin-topbar {
    background: rgba(249, 251, 255, .91);
    border-bottom-color: #d4dfed;
    box-shadow: 0 7px 22px rgba(37, 55, 88, .08);
}

.theme-light .admin-top-actions a,
.theme-light .admin-top-actions button,
.theme-light .admin-topbar > button {
    color: #52617b;
}

.theme-light .admin-top-actions a:hover,
.theme-light .admin-top-actions button:hover {
    color: #5b28bc;
}

.theme-light .admin-body .admin-main {
    background: transparent;
    color: var(--admin-light-ink);
}

.theme-light .admin-body .admin-hero {
    background:
        radial-gradient(circle at 8% 0, rgba(129, 89, 245, .20), transparent 34%),
        radial-gradient(circle at 94% 12%, rgba(40, 185, 238, .20), transparent 31%),
        linear-gradient(135deg, #ffffff 0%, #f1f4fb 50%, #e7f5ff 100%);
    border: 1px solid #c9d8e9;
    box-shadow: 0 8px 0 #c8d5e5, 0 22px 40px rgba(39, 62, 99, .14);
    color: var(--admin-light-ink);
}

.theme-light .admin-body .admin-hero h1,
.theme-light .admin-page-title h1,
.theme-light .admin-page-head h1,
.theme-light .admin-panel-title h2,
.theme-light .admin-card h2,
.theme-light .admin-card h3,
.theme-light .admin-list b {
    color: var(--admin-light-ink);
}

.theme-light .admin-body .admin-hero p,
.theme-light .admin-page-title p,
.theme-light .admin-page-head p,
.theme-light .admin-card p,
.theme-light .admin-card-note {
    color: var(--admin-light-muted);
}

.theme-light .admin-hero .eyebrow {
    background: #e9ddff;
    border-color: #cbb5f7;
    color: #5b25b6;
}

.theme-light .admin-hero-actions .button,
.theme-light .admin-head-actions .button {
    box-shadow: 0 5px 0 color-mix(in srgb, var(--accent-strong) 78%, #18233a), 0 13px 24px rgba(50, 63, 112, .18);
}

.theme-light .admin-panel,
.theme-light .admin-table-wrap,
.theme-light .admin-card,
.theme-light .admin-filters,
.theme-light .admin-payment-summary article {
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,245,252,.96));
    border: 1px solid var(--admin-light-line);
    box-shadow: 0 6px 0 #cbd7e6, 0 17px 30px rgba(39, 61, 95, .12);
    color: var(--admin-light-ink);
}

.theme-light .admin-stats article {
    background:
        linear-gradient(145deg, #ffffff, #edf4fc);
    border: 1px solid #d0dceb;
    box-shadow: 0 5px 0 #cad6e5, 0 14px 25px rgba(43, 64, 99, .10);
    color: var(--admin-light-ink);
}

.theme-light .admin-stats strong,
.theme-light .admin-payment-summary strong {
    color: #10203b;
}

.theme-light .admin-stats span,
.theme-light .admin-stats small,
.theme-light .admin-payment-summary span,
.theme-light .admin-list span,
.theme-light .admin-list small,
.theme-light .admin-table-wrap small {
    color: var(--admin-light-muted);
}

.theme-light .admin-list article {
    background: linear-gradient(145deg, #f8fbff, #edf3fb);
    border: 1px solid #d8e2ef;
    box-shadow: 0 3px 0 #d2dce9;
    color: var(--admin-light-ink);
}

.theme-light .admin-panel-title,
.theme-light .admin-page-title,
.theme-light .admin-page-head {
    border-color: #d7e1ee;
}

.theme-light .admin-panel-title a,
.theme-light .admin-panel-title span,
.theme-light .admin-page-head a {
    color: #0877af;
}

.theme-light .admin-table-wrap table,
.theme-light .admin-card table {
    background: transparent;
    color: var(--admin-light-ink);
}

.theme-light .admin-table-wrap thead,
.theme-light .admin-card thead {
    background: #e8f0fa;
}

.theme-light .admin-table-wrap th,
.theme-light .admin-card th {
    border-bottom-color: #cbd8e8;
    color: #36516f;
}

.theme-light .admin-table-wrap td,
.theme-light .admin-card td {
    border-bottom-color: #dce5f0;
    color: #243651;
}

.theme-light .admin-table-wrap tbody tr:hover,
.theme-light .admin-card tbody tr:hover {
    background: rgba(79, 145, 207, .07);
}

.theme-light .admin-filters label span,
.theme-light .coupon-admin-form label span {
    color: #536680;
}

.theme-light .admin-filters input,
.theme-light .admin-filters select,
.theme-light .table-action select,
.theme-light .coupon-admin-form input,
.theme-light .coupon-admin-form select,
.theme-light .coupon-admin-form textarea,
.theme-light .admin-card input,
.theme-light .admin-card select,
.theme-light .admin-card textarea {
    background: #fff;
    border-color: #c8d7e8;
    box-shadow: inset 0 2px 5px rgba(40, 61, 94, .06);
    color: var(--admin-light-ink);
}

.theme-light .admin-filters input::placeholder,
.theme-light .coupon-admin-form input::placeholder,
.theme-light .admin-card input::placeholder,
.theme-light .admin-card textarea::placeholder {
    color: #8795aa;
}

.theme-light .page-count {
    background: #ece4ff;
    border-color: #cdbcf3;
    color: #5725a5;
}

.theme-light .status-ativo,
.theme-light .status-aprovado,
.theme-light .status-resolvida {
    background: #dcf8ed;
    border-color: #9ee3c8;
    color: #08734f;
}

.theme-light .status-suspenso,
.theme-light .status-pausado,
.theme-light .status-em_analise {
    background: #fff2ce;
    border-color: #edd38a;
    color: #8a5b00;
}

.theme-light .status-removido,
.theme-light .status-oculto {
    background: #ffe3e6;
    border-color: #f2afb8;
    color: #a72d40;
}

.theme-light .coupon-status.is-active,
.theme-light .coupon-status.is-aprovado {
    color: #08734f;
}

.theme-light .coupon-status.is-paused,
.theme-light .coupon-status.is-cancelado,
.theme-light .coupon-status.is-recusado {
    color: #a72d40;
}

.theme-light .coupon-editor[open] {
    background: linear-gradient(145deg, #ffffff, #edf5ff);
    border-color: #bcd1e8;
    box-shadow: 0 10px 0 #bdcad9, 0 28px 80px rgba(30, 48, 80, .28);
    color: var(--admin-light-ink);
}

@media (max-width: 900px) {
    .theme-light .admin-sidebar {
        box-shadow: 18px 0 50px rgba(31, 47, 77, .24);
    }
}
@media(max-width:760px){.admin-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Admin: lateral permanente, contraste e acabamento da tela de cupons */
.theme-light .admin-sidebar {
    background:
        radial-gradient(circle at 18% 4%, rgba(77, 216, 255, .17), transparent 27%),
        linear-gradient(165deg, #14264a 0%, #0b1730 52%, #101632 100%);
    border-right: 1px solid rgba(91, 218, 255, .32);
    box-shadow: 8px 0 0 rgba(15, 30, 61, .12), 22px 0 45px rgba(17, 31, 60, .20);
    color: #eef7ff;
}

.theme-light .admin-sidebar::after {
    background: linear-gradient(180deg, #49dcff, #8268ff 48%, transparent);
    opacity: .72;
}

.theme-light .admin-brand span,
.theme-light .admin-sidebar-user b {
    color: #fff;
}

.theme-light .admin-brand small,
.theme-light .admin-sidebar-user span,
.theme-light .admin-sidebar-label {
    color: #9fb5d5;
    font-weight: 800;
}

.theme-light .admin-nav a {
    color: #c7d5eb;
    font-weight: 850;
}

.theme-light .admin-nav a:hover {
    background: rgba(81, 211, 255, .10);
    border-color: rgba(91, 218, 255, .22);
    color: #fff;
    transform: translateX(3px);
}

.theme-light .admin-nav a.active {
    background: linear-gradient(135deg, rgba(73, 216, 255, .24), rgba(126, 92, 255, .30));
    border-color: rgba(92, 220, 255, .58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 4px 0 #071124, 0 12px 22px rgba(0,0,0,.26);
    color: #fff;
}

.theme-light .admin-table-wrap small,
.theme-light .admin-card table small {
    color: #667994;
    font-weight: 750;
    opacity: 1;
}

.theme-light .admin-table-wrap th,
.theme-light .admin-card th,
.theme-light .admin-filters label span,
.theme-light .coupon-admin-form label span {
    font-weight: 900;
}

.theme-light .admin-table-wrap td strong,
.theme-light .admin-card td strong {
    color: #10203b;
    font-weight: 900;
}

.theme-light .status-pill {
    background: #e8ddff;
    border: 1px solid #bea3f8;
    color: #5421a5;
    font-weight: 900;
    opacity: 1;
}

.admin-table-wrap .lifetime-action {
    display: inline-flex;
    margin: 0;
}

.admin-table-wrap .lifetime-action button.status-pill {
    appearance: none;
    background: rgba(124, 58, 237, 0.18);
    border: 1px solid rgba(167, 139, 250, 0.48);
    border-radius: 999px;
    box-shadow: 0 4px 0 rgba(52, 32, 108, 0.72), 0 10px 22px rgba(0, 0, 0, 0.18);
    color: #eee8ff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    min-width: 82px;
    padding: 8px 11px;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.admin-table-wrap .lifetime-action button.status-ativo {
    background: rgba(16, 185, 129, 0.2);
    border-color: rgba(52, 211, 153, 0.56);
    box-shadow: 0 4px 0 rgba(5, 91, 70, 0.8), 0 10px 22px rgba(5, 150, 105, 0.2);
    color: #a7f3d0;
}

.admin-table-wrap .lifetime-action button.status-pill:hover {
    box-shadow: 0 2px 0 rgba(52, 32, 108, 0.72), 0 7px 16px rgba(0, 0, 0, 0.2);
    transform: translateY(2px);
}

.theme-light .admin-table-wrap .lifetime-action button.status-pill {
    background: linear-gradient(145deg, #f0eaff, #ded0ff);
    border-color: #bea3f8;
    box-shadow: 0 4px 0 #b09ae4, 0 10px 20px rgba(70, 43, 130, 0.14);
    color: #5421a5;
}

.theme-light .admin-table-wrap .lifetime-action button.status-ativo {
    background: linear-gradient(145deg, #e4fff5, #c9f5e4);
    border-color: #83d9b8;
    box-shadow: 0 4px 0 #78c7a9, 0 10px 20px rgba(5, 150, 105, 0.13);
    color: #087653;
}

.theme-light .status-cancelado,
.theme-light .status-recusado,
.theme-light .status-removido,
.theme-light .status-oculto,
.theme-light .status-encerrado {
    background: #ffe3e8;
    border-color: #f0aab7;
    color: #a42840;
}

.theme-light .status-pendente,
.theme-light .status-em_analise,
.theme-light .status-suspenso,
.theme-light .status-pausado {
    background: #fff1ca;
    border-color: #e8cc78;
    color: #835600;
}

.theme-light .payment-environment-teste,
.theme-light .payment-environment-sandbox {
    color: #8a5900;
    font-weight: 900;
}

.coupon-admin-shell {
    display: grid;
    gap: 22px;
}

.coupon-admin-shell .admin-page-head,
.coupon-admin-shell .admin-card,
.admin-body > .admin-card {
    border-radius: 22px;
    padding: 24px;
    overflow: hidden;
}

.coupon-admin-shell .admin-page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(145deg, #13264b, #17204f);
    border: 1px solid rgba(80, 218, 255, .30);
    box-shadow: 0 6px 0 #08142b, 0 20px 34px rgba(8, 18, 42, .28);
    color: #fff;
}

.coupon-admin-shell .admin-page-head h1 {
    margin: 7px 0;
}

.coupon-admin-shell .admin-page-head span {
    color: #5ee2ff;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.coupon-admin-shell .admin-card {
    margin-top: 0;
}

.admin-body > .admin-card {
    margin-top: 22px;
}

.coupon-admin-shell .admin-card h2,
.admin-body > .admin-card h2 {
    margin: 0 0 18px;
    font-weight: 900;
}

.coupon-admin-form input,
.coupon-admin-form select {
    width: 100%;
    min-height: 50px;
}

.coupon-admin-form button[type="submit"] {
    min-height: 52px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 14px;
    background: linear-gradient(135deg, #42d7f1, #7441f4);
    box-shadow: 0 5px 0 #3d258f, 0 13px 23px rgba(62, 47, 157, .24);
    color: #fff;
    cursor: pointer;
    font-weight: 900;
}

.theme-light .coupon-admin-shell .admin-page-head {
    background: linear-gradient(135deg, #17284d, #172052 72%, #23205a);
    color: #fff;
}

.theme-light .coupon-admin-shell .admin-page-head p {
    color: #c4d4ec;
    font-weight: 650;
}

.theme-light .coupon-admin-shell .admin-card,
.theme-light .admin-body > .admin-card {
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(237,245,253,.97));
    border: 1px solid #cad9e9;
    box-shadow: 0 6px 0 #c4d2e2, 0 18px 32px rgba(39, 61, 95, .13);
}

@media (max-width: 900px) {
    .coupon-admin-shell .admin-page-head,
    .coupon-admin-shell .admin-card,
    .admin-body > .admin-card {
        padding: 18px;
    }
}

/* Admin claro: contraste do hero e profundidade 3D uniforme */
.theme-light .coupon-admin-shell .admin-page-head h1 {
    color: #f8fbff !important;
    text-shadow: 0 2px 12px rgba(3, 12, 37, .42);
}

.theme-light .coupon-admin-shell .admin-page-head p {
    color: #d9e8ff;
}

.theme-light .admin-hero,
.theme-light .admin-panel,
.theme-light .admin-card,
.theme-light .admin-filters,
.theme-light .admin-stats article,
.theme-light .admin-payment-summary article,
.theme-light .admin-list article {
    position: relative;
    border: 1px solid rgba(125, 151, 190, .28);
    border-top-color: rgba(96, 219, 245, .72);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .96),
        0 6px 0 rgba(187, 204, 224, .78),
        0 17px 30px rgba(35, 59, 98, .13);
}

.theme-light .admin-table-wrap {
    border: 1px solid rgba(125, 151, 190, .28);
    border-top-color: rgba(121, 104, 255, .58);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .94),
        0 4px 0 rgba(187, 204, 224, .72),
        0 12px 24px rgba(35, 59, 98, .1);
}

.theme-light .admin-nav a {
    color: #cbd8ec;
    font-weight: 800;
}

.theme-light .admin-nav a:hover {
    color: #fff;
    background: rgba(91, 196, 239, .1);
}

.theme-light .admin-nav a.active {
    color: #43228e;
    background: linear-gradient(135deg, #f8f6ff, #dfeaff);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 5px 0 rgba(171, 147, 230, .7),
        0 13px 24px rgba(3, 14, 43, .25);
}

/* Billing: resumo comercial e histórico de descontos */
.billing-summary {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.billing-offer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 14px 0 18px;
    padding: 14px 16px;
    border: 1px solid #cfe0f2;
    border-radius: 16px;
    background: linear-gradient(145deg, #fff, #eef6ff);
    box-shadow: 0 7px 0 #d5e1ef, 0 16px 30px rgba(21, 43, 75, .09);
}

.billing-offer div {
    display: grid;
    gap: 2px;
}

.billing-offer small {
    color: #1979ad;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .1em;
}

.billing-offer b {
    color: #10203d;
    font-size: 1rem;
}

.billing-offer span {
    color: #5c6f90;
    font-size: .86rem;
    font-weight: 700;
}

.billing-coupon {
    display: inline-flex;
    width: max-content;
    margin-top: 5px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #e8dcff;
    color: #6430bd;
    font-size: .67rem;
    font-style: normal;
    font-weight: 900;
}

html:not(.theme-light) .billing-offer {
    border-color: #2b4770;
    background: linear-gradient(145deg, #152541, #0e1b33);
    box-shadow: 0 7px 0 #071326, 0 16px 30px rgba(0, 0, 0, .25);
}

html:not(.theme-light) .billing-offer b {
    color: #eef7ff;
}

html:not(.theme-light) .billing-offer span {
    color: #aebed6;
}

.admin-users-filters {
    flex-wrap: wrap;
}

.admin-users-filters label:first-child {
    flex: 1 1 320px;
}

.admin-users-filters label:not(:first-child) {
    flex: 0 1 170px;
    min-width: 150px;
}

@media (max-width: 900px) {
    .billing-summary {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .billing-summary {
        grid-template-columns: 1fr;
    }

    .billing-offer {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* Legal pages and persistent legal navigation */
.site-legal-footer {
    padding: 28px 24px;
    color: #cbd8eb;
    background: #07142d;
    border-top: 1px solid #244b75;
}

.site-legal-footer__inner {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    max-width: 1440px;
    margin: 0 auto;
}

.site-legal-footer__inner > div {
    display: grid;
    gap: 4px;
}

.site-legal-footer strong {
    color: #fff;
    font-size: 1.1rem;
}

.site-legal-footer nav {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
}

.site-legal-footer a {
    color: #72ddff;
    font-weight: 800;
}

.legal-page {
    max-width: 1180px;
    margin: 40px auto 72px;
}

.legal-hero {
    padding: 52px 56px;
    color: #dcecff;
    background: linear-gradient(135deg, #07142d 0%, #15375f 55%, #21195b 100%);
    border: 1px solid #2e9ac5;
    border-radius: 30px;
    box-shadow: 0 12px 0 rgba(7, 22, 47, .3), 0 28px 60px rgba(18, 41, 79, .24);
}

.legal-hero span {
    color: #5ce4ff;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .14em;
}

.legal-hero h1 {
    margin: 14px 0 8px;
    color: #fff;
    font-size: clamp(2.4rem, 6vw, 4.6rem);
}

.legal-hero p {
    margin: 0 0 18px;
    font-size: 1.15rem;
}

.legal-hero small {
    color: #9eb4d4;
}

.legal-layout {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
    margin-top: 34px;
}

.legal-summary {
    position: sticky;
    top: 110px;
    padding: 26px;
    color: #10203d;
    background: linear-gradient(145deg, #eaf5ff, #fff);
    border: 1px solid #b6dbf2;
    border-radius: 22px;
    box-shadow: 0 8px 0 #d1dfed, 0 22px 45px rgba(32, 72, 119, .15);
}

.legal-summary strong {
    font-size: 1.15rem;
}

.legal-summary p,
.legal-document p,
.legal-document li {
    color: #536987;
    line-height: 1.72;
}

.legal-document {
    padding: 16px 38px;
    color: #14213c;
    background: rgba(255, 255, 255, .95);
    border: 1px solid #bed6ea;
    border-radius: 26px;
    box-shadow: 0 9px 0 #cfdeeb, 0 24px 55px rgba(32, 72, 119, .14);
}

.legal-document section {
    padding: 24px 0;
    border-bottom: 1px solid #d8e5f0;
}

.legal-document section:last-child {
    border: 0;
}

.legal-document h2 {
    margin: 0 0 10px;
    color: #10203d;
    font-size: 1.25rem;
}

.legal-document ul {
    padding-left: 22px;
}

.auth-check a,
.check a {
    color: #65dcff;
    font-weight: 800;
    text-decoration: underline;
}

.theme-light .auth-check a,
.theme-light .check a {
    color: #176fb1;
}

html:not(.theme-light) .legal-summary,
html:not(.theme-light) .legal-document {
    color: #fff;
    background: linear-gradient(145deg, #111d38, #172440);
    border-color: #2e456d;
    box-shadow: 0 8px 0 #07142d, 0 22px 45px rgba(0, 0, 0, .3);
}

html:not(.theme-light) .legal-document h2,
html:not(.theme-light) .legal-summary strong {
    color: #fff;
}

html:not(.theme-light) .legal-document p,
html:not(.theme-light) .legal-document li,
html:not(.theme-light) .legal-summary p {
    color: #b8c7df;
}

html:not(.theme-light) .legal-document section {
    border-color: #2b3b5d;
}

@media (max-width: 760px) {
    .legal-page {
        margin: 20px auto 50px;
    }

    .legal-hero {
        padding: 34px 24px;
        border-radius: 22px;
    }

    .legal-layout {
        grid-template-columns: 1fr;
    }

    .legal-summary {
        position: static;
    }

    .legal-document {
        padding: 8px 24px;
    }

    .site-legal-footer__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Central societária */
.documents-page {
    width: min(1180px, calc(100% - 32px));
    margin: 38px auto 72px;
}

.documents-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 28px;
    padding: 38px 42px;
    color: #fff;
    border: 1px solid #2b82b5;
    border-radius: 26px;
    background: linear-gradient(135deg, #071a37 0%, #12345d 55%, #21175b 100%);
    box-shadow: 0 9px 0 #07152c, 0 24px 45px rgba(12, 37, 78, .24);
}

.documents-hero--compact { padding-block: 30px; }
.documents-hero h1 { margin: 5px 0 8px; color: #fff; font-size: clamp(2rem, 5vw, 3.5rem); }
.documents-hero p { max-width: 720px; margin: 0; color: #bdcce3; }
.documents-hero__eyebrow { color: #5ee7ff; font-size: .78rem; font-weight: 900; letter-spacing: .13em; }
.documents-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.surface-3d,
.document-card,
.document-section,
.document-sidebar > *,
.document-empty {
    border: 1px solid #cbdced;
    border-radius: 22px;
    background: linear-gradient(145deg, #fff, #f2f7fd);
    box-shadow: 0 7px 0 #cfdeec, 0 18px 34px rgba(28, 56, 95, .1);
}
.document-card { display: flex; min-height: 245px; padding: 25px; flex-direction: column; }
.document-card__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.document-type,
.document-status { display: inline-flex; align-items: center; width: fit-content; padding: 7px 11px; border-radius: 999px; font-size: .72rem; font-weight: 900; letter-spacing: .04em; }
.document-type { color: #5228ae; background: #eee8ff; }
.document-status--rascunho { color: #876500; background: #fff2bd; }
.document-status--enviado { color: #096f87; background: #dff8ff; }
.document-status--aceito { color: #087354; background: #d8faec; }
.document-card h2 { margin: 22px 0 10px; font-size: 1.25rem; }
.document-card p { color: #61718b; }
.document-card__meta { display: flex; gap: 15px; margin-top: auto; padding-top: 18px; color: #71819b; font-size: .82rem; }
.document-empty { grid-column: 1 / -1; padding: 56px 30px; text-align: center; }
.document-empty__icon { font-size: 2.5rem; }
.document-form { display: grid; gap: 22px; }
.document-section { display: grid; grid-template-columns: 58px 1fr; gap: 22px; padding: 28px; }
.document-section__number { display: grid; width: 48px; height: 48px; place-items: center; color: #087496; border-radius: 15px; background: linear-gradient(145deg, #dff9ff, #e9e4ff); font-weight: 900; }
.document-section__body h2 { margin-top: 0; }
.document-two-col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.document-section label { display: grid; gap: 7px; color: #17233b; font-weight: 800; }
.document-section input,
.document-section select,
.document-section textarea { width: 100%; }
.document-legal-note { padding: 18px 20px; color: #614d12; border: 1px solid #ead98d; border-radius: 16px; background: #fff9df; }
.document-confirmation { display: flex !important; align-items: flex-start; grid-template-columns: none !important; gap: 12px !important; }
.document-confirmation input { width: auto; margin-top: 4px; }
.document-form__actions { display: flex; justify-content: flex-end; gap: 12px; }
.document-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 24px; }
.document-content { padding: 10px 30px; }
.document-content__section { padding: 25px 0; border-bottom: 1px solid #d8e4ef; }
.document-content__section:last-child { border-bottom: 0; }
.document-content__section h2 { margin: 0 0 10px; font-size: 1.15rem; }
.document-content__section p { margin: 0; color: #596b87; white-space: pre-line; }
.document-sidebar { display: grid; align-content: start; gap: 20px; }
.document-sidebar > * { padding: 22px; }
.document-participants,
.document-version-list { display: grid; gap: 10px; }
.document-participant { display: grid; gap: 2px; padding: 13px; border-radius: 13px; background: rgba(124, 149, 187, .1); }
.document-participant small { color: #6a7d98; }
.document-versions ul,
.document-version-list { margin: 0; padding: 0; list-style: none; }
.document-version-list li { display: flex; justify-content: space-between; gap: 10px; padding: 11px 0; border-bottom: 1px solid #dce7f1; }
.settings-documents-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 28px; }
.settings-documents-card h3 { margin: 5px 0 8px; }
.settings-documents-card p { max-width: 680px; margin: 0; }
.settings-documents-actions { display: flex; gap: 10px; flex-shrink: 0; }

html:not(.theme-light) .surface-3d,
html:not(.theme-light) .document-card,
html:not(.theme-light) .document-section,
html:not(.theme-light) .document-sidebar > *,
html:not(.theme-light) .document-empty {
    color: #fff;
    border-color: #29446c;
    background: linear-gradient(145deg, #15233f, #0d1830);
    box-shadow: 0 7px 0 #061127, 0 18px 34px rgba(0, 0, 0, .28);
}
html:not(.theme-light) .document-card p,
html:not(.theme-light) .document-content__section p,
html:not(.theme-light) .document-participant small { color: #b7c5da; }
html:not(.theme-light) .document-section label { color: #eef5ff; }
html:not(.theme-light) .document-content__section,
html:not(.theme-light) .document-version-list li { border-color: #2a3c5c; }

@media (max-width: 860px) {
    .documents-grid,
    .document-detail-grid,
    .document-two-col { grid-template-columns: 1fr; }
    .documents-hero,
    .settings-documents-card { align-items: flex-start; flex-direction: column; }
    .document-section { grid-template-columns: 1fr; }
}