:root {
  --ink: #0f172a;
  --ink-soft: #334155;
  --blue: #2563eb;
  --blue-deep: #1649b6;
  --blue-pale: #eaf1ff;
  --line: #e5eaf2;
  --canvas: #ffffff;
  --tint: #f5f8fd;
  --green: #16a34a;
  --radius-lg: 24px;
  --radius-md: 16px;
  --shadow: 0 20px 60px rgba(15, 23, 42, .10);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; }
.site-header { background: rgba(255,255,255,.96); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(10px); }
.navbar { min-height: 76px; }
.brand-mark { font-size: 27px; letter-spacing: -.075em; line-height: 1; font-weight: 850; color: var(--ink); }
.brand-mark span { color: var(--blue); }
.nav-link { color: #475569; font-size: 14px; font-weight: 650; padding: .5rem .75rem !important; }
.nav-link:hover, .nav-link.active { color: var(--ink); }
.language-link { border: 1px solid var(--line); border-radius: 999px; padding: .25rem .52rem; color: var(--ink); font-size: 12px; font-weight: 800; line-height: 1; }
.btn { border-radius: 10px; font-weight: 700; letter-spacing: -.01em; }
.btn-primary { background: var(--blue); border-color: var(--blue); }
.btn-primary:hover, .btn-primary:focus { background: var(--blue-deep); border-color: var(--blue-deep); }
.btn-outline-dark { border-color: #cad3e0; color: var(--ink); }
.btn-outline-dark:hover { background: var(--ink); border-color: var(--ink); }
.hero-section { padding: 92px 0 82px; background: radial-gradient(circle at 90% 15%, #e9f1ff 0, rgba(233,241,255,0) 34%), linear-gradient(180deg, #fff, #f8fbff); }
.eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .095em; text-transform: uppercase; }
.eyebrow-dot { width: 8px; height: 8px; background: var(--blue); border-radius: 50%; box-shadow: 0 0 0 5px #dce9ff; }
.eyebrow.muted { color: #64748b; }
.eyebrow.light { color: #c5dcff; }
.hero-title { max-width: 700px; font-size: clamp(2.75rem, 5.2vw, 4.7rem); line-height: 1.035; letter-spacing: -.065em; font-weight: 820; margin-bottom: 0; }
.hero-copy { max-width: 665px; font-size: 1.18rem; color: var(--ink-soft); line-height: 1.75; }
.hero-trust { display: flex; flex-wrap: wrap; gap: 14px 24px; color: #475569; font-size: 13px; font-weight: 650; }
.hero-trust div { display: inline-flex; align-items: center; gap: 7px; }
.hero-trust span { display: inline-grid; place-items: center; width: 17px; height: 17px; color: #fff; background: var(--green); font-size: 10px; font-weight: 900; border-radius: 50%; }
.shadow-soft { box-shadow: var(--shadow); }
.hero-ui-card { border: 1px solid #dce6f5; border-radius: 22px; background: #fff; padding: 17px; position: relative; }
.hero-ui-card:after { content: ""; position: absolute; z-index: -1; width: 80%; height: 80%; background: #dbeafe; right: -26px; bottom: -26px; filter: blur(0); border-radius: 30px; }
.hero-ui-topline, .hero-ui-footer { display: flex; align-items: center; gap: 8px; color: #64748b; font-size: 12px; font-weight: 700; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }
.mini-pill { background: #dbeafe; color: #1e4ea8; border-radius: 999px; padding: .2rem .52rem; font-size: 10px; font-weight: 800; }
.light-pill { background: #eef2f7; color: #64748b; }
.hero-ui-project { display: flex; gap: 12px; align-items: center; border: 1px solid var(--line); border-radius: 15px; padding: 14px; margin: 16px 0 12px; }
.project-icon { display: grid; place-items: center; width: 36px; height: 36px; color: #fff; background: var(--blue); border-radius: 11px; font-weight: 800; }
.hero-ui-project strong, .match-copy strong { display: block; font-size: 14px; letter-spacing: -.02em; }
.hero-ui-project small, .match-copy small { display: block; color: #64748b; font-size: 11px; margin-top: 2px; }
.match-row { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.match-row:last-of-type { border-bottom: 0; }
.avatar { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%; color: #15326a; font-size: 11px; font-weight: 850; }
.avatar-one { background: #cfe1ff; }.avatar-two { background: #ccefe6; }.avatar-three { background: #fce4c7; }
.avatar.large { width: 52px; height: 52px; font-size: 13px; }
.match-copy { min-width: 0; flex: 1; }
.badge-proof { white-space: nowrap; color: #176a43; background: #e6f7ef; border-radius: 999px; padding: .25rem .48rem; font-size: 9px; line-height: 1.2; font-weight: 800; }
.hero-ui-footer { padding-top: 10px; justify-content: space-between; }
.section-space { padding: 92px 0; }
.section-tint { background: var(--tint); }
.section-heading h2, .page-hero h1, .journey-panel h2, .dashboard-top h1 { font-size: clamp(2rem, 3.6vw, 3.3rem); line-height: 1.11; letter-spacing: -.05em; font-weight: 800; margin: 12px 0 15px; }
.section-heading p, .page-hero p { max-width: 740px; color: var(--ink-soft); font-size: 1.05rem; }
.centered-heading { max-width: 790px; margin: 0 auto; text-align: center; }
.centered-heading p { margin: 0 auto; }
.info-panel { padding: 34px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); }
.panel-icon, .category-symbol { display: inline-grid; place-items: center; width: 45px; height: 45px; margin-bottom: 20px; background: #e7f0ff; border-radius: 13px; color: var(--blue); font-size: 22px; font-weight: 800; }
.panel-icon.accent { background: #edf7f1; color: #1f8b4b; }
.info-panel h3 { font-size: 1.37rem; letter-spacing: -.035em; font-weight: 780; }
.info-panel p { color: var(--ink-soft); }
.text-link { display: inline-flex; align-items: center; gap: 6px; color: var(--blue); font-size: 14px; font-weight: 780; }
.text-link span { font-size: 17px; }
.lead-copy { color: var(--ink-soft); font-size: 1.08rem; }
.steps-card { border: 1px solid #dce6f5; background: #fff; border-radius: var(--radius-lg); padding: 8px 28px; box-shadow: 0 14px 35px rgba(15,23,42,.06); }
.step-item { display: flex; align-items: flex-start; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.step-item:last-child { border-bottom: none; }
.step-number { color: var(--blue); font-size: 13px; font-weight: 900; letter-spacing: .05em; }
.step-item p { margin: 0; color: var(--ink); font-size: 1.04rem; font-weight: 610; }
.category-card { display: flex; flex-direction: column; min-height: 165px; padding: 21px; border: 1px solid var(--line); background: #fff; border-radius: 17px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.category-card:hover { transform: translateY(-3px); border-color: #c9d9f6; box-shadow: 0 14px 28px rgba(37,99,235,.08); }
.category-card .category-symbol { width: 36px; height: 36px; margin-bottom: auto; border-radius: 10px; font-size: 17px; }
.category-card strong { font-size: 14px; line-height: 1.3; letter-spacing: -.02em; }
.category-card small { color: #64748b; margin-top: 4px; font-size: 11px; }
.cta-section { padding: 0 0 92px; }
.cta-card { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 42px 48px; border-radius: var(--radius-lg); background: linear-gradient(135deg, #0f172a 0%, #192b54 100%); color: #fff; }
.cta-card h2 { margin: 12px 0 10px; font-size: clamp(1.95rem, 3.4vw, 3rem); letter-spacing: -.045em; font-weight: 800; }
.cta-card p { color: #cad7ef; margin-bottom: 0; max-width: 620px; }
.page-hero { padding: 90px 0 70px; background: linear-gradient(180deg, #fbfdff, #f4f8ff); border-bottom: 1px solid #edf1f7; }
.page-hero.compact { padding: 70px 0 52px; }
.narrow { max-width: 830px; }.narrow-wide { max-width: 960px; }
.journey-panel { height: 100%; padding: 40px; border-radius: var(--radius-lg); border: 1px solid var(--line); }
.client-journey { background: #f3f7ff; }.freelancer-journey { background: #f7faf8; }
.journey-label { color: var(--blue); font-size: 13px; font-weight: 900; letter-spacing: .1em; }
.journey-list { margin: 24px 0 30px; padding-left: 20px; }.journey-list li { padding-left: 6px; margin-bottom: 14px; color: var(--ink-soft); }
.directory-search { padding: 20px; border-radius: 18px; background: #fff; border: 1px solid #dce6f5; box-shadow: 0 12px 32px rgba(15,23,42,.05); }
.directory-search label { display: block; font-size: 13px; font-weight: 800; margin-bottom: 8px; }
.directory-search small { color: #64748b; display: block; margin-top: 8px; }
.form-control { border-color: #cad5e3; border-radius: 10px; padding: .68rem .8rem; }.form-control:focus { border-color: #7aa6f8; box-shadow: 0 0 0 .2rem rgba(37,99,235,.12); }
.profile-card { padding: 24px; border: 1px solid var(--line); background: #fff; border-radius: 18px; height: 100%; transition: transform .18s ease, box-shadow .18s ease; }.profile-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px rgba(15,23,42,.08); }
.profile-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }.profile-card h3 { margin: 20px 0 3px; font-size: 1.22rem; letter-spacing: -.035em; font-weight: 800; }.profile-card p { min-height: 48px; color: #64748b; font-size: 14px; margin-bottom: 15px; }
.tag-row { display: flex; flex-wrap: wrap; gap: 6px; }.tag-row span { color: #475569; background: #f1f5f9; border-radius: 7px; padding: .24rem .45rem; font-size: 11px; font-weight: 700; }
.profile-card-bottom { display: flex; justify-content: space-between; align-items: end; gap: 10px; margin-top: 23px; padding-top: 16px; border-top: 1px solid var(--line); }.profile-card-bottom small { display: block; color: #64748b; font-size: 10px; }.profile-card-bottom strong { font-size: 15px; }.profile-card-bottom strong small { display: inline; font-weight: 500; }
.job-card { display: flex; justify-content: space-between; gap: 30px; padding: 28px; margin-bottom: 16px; border-radius: 18px; border: 1px solid var(--line); background: #fff; }.job-card:hover { border-color: #bdd1f4; }.job-kicker { color: #64748b; font-size: 12px; font-weight: 700; }.job-card h2 { font-size: 1.35rem; letter-spacing: -.035em; font-weight: 800; margin: 10px 0 14px; }.job-card-meta { min-width: 205px; display: grid; grid-template-columns: 1fr; gap: 10px; align-content: start; }.job-card-meta small { display: block; color: #64748b; font-size: 10px; }.job-card-meta strong { display: block; font-size: 14px; }
.category-detail-card { height: 100%; padding: 27px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }.category-detail-card .category-symbol { margin-bottom: 13px; }.category-detail-card h2 { font-size: 1.3rem; letter-spacing: -.035em; font-weight: 800; }.category-detail-card p { color: #64748b; font-size: 14px; }
.plan-card { position: relative; height: 100%; padding: 34px 28px; border: 1px solid var(--line); background: #fff; border-radius: 20px; }.plan-card.featured { border: 2px solid var(--blue); box-shadow: 0 18px 40px rgba(37,99,235,.14); }.plan-label { position: absolute; top: -13px; left: 24px; border-radius: 999px; padding: .3rem .65rem; background: var(--blue); color: #fff; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }.plan-card h2 { font-size: 1.45rem; letter-spacing: -.035em; font-weight: 800; }.plan-price { margin: 17px 0 24px; font-size: 2.3rem; letter-spacing: -.06em; font-weight: 850; }.plan-price span { color: #64748b; font-size: 13px; font-weight: 600; letter-spacing: 0; }.plan-card ul { list-style: none; padding: 0; margin: 0 0 30px; }.plan-card li { color: #475569; padding: 7px 0; font-size: 14px; }
.faq-accordion .accordion-item { border: 1px solid var(--line); border-radius: 14px !important; overflow: hidden; margin-bottom: 12px; }.faq-accordion .accordion-button { font-weight: 800; padding: 20px; box-shadow: none; }.faq-accordion .accordion-button:not(.collapsed) { color: var(--ink); background: #f7faff; }.faq-accordion .accordion-body { color: var(--ink-soft); padding: 0 20px 20px; }
.auth-section { padding: 74px 0; background: #f6f9fe; min-height: calc(100vh - 76px); }.auth-shell { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: .85fr 1.15fr; background: #fff; border-radius: 23px; overflow: hidden; box-shadow: var(--shadow); }.auth-aside { padding: 45px; background: linear-gradient(140deg, #0f172a, #18366d); color: #fff; }.auth-aside h2 { margin-top: 55px; font-size: 2.5rem; line-height: 1.05; letter-spacing: -.055em; font-weight: 800; }.auth-aside p { color: #cbd8ef; margin-top: 20px; }.auth-aside-note { margin-top: 60px; color: #dbeafe; font-size: 13px; font-weight: 700; }.auth-form-wrap { padding: 45px; }.auth-form-wrap h1 { letter-spacing: -.045em; font-size: 2rem; font-weight: 800; margin: 0; }.auth-form-wrap > p { color: #64748b; }.role-options { display: grid; gap: 10px; }.role-option { display: flex; gap: 10px; align-items: flex-start; padding: 13px; border: 1px solid #d7e1ee; border-radius: 11px; cursor: pointer; }.role-option:has(input:checked) { border-color: #7da8f8; background: #f4f8ff; }.role-option input { margin-top: 5px; accent-color: var(--blue); }.role-option strong { display: block; font-size: 14px; }.role-option small { display: block; color: #64748b; font-size: 12px; }.auth-switch { margin: 22px 0 0; text-align: center; font-size: 14px; }.auth-switch a { color: var(--blue); font-weight: 800; }
.dashboard-section { padding: 68px 0 96px; background: #f7f9fc; min-height: calc(100vh - 76px); }.dashboard-top { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 10px; }.dashboard-top p { max-width: 720px; color: var(--ink-soft); }.member-role { padding: .45rem .75rem; color: #174da8; background: #dce9ff; border-radius: 999px; font-size: 11px; font-weight: 800; }.dashboard-panel, .stat-card { padding: 28px; border: 1px solid var(--line); background: #fff; border-radius: 18px; }.dashboard-panel.soft { background: #f1f6ff; }.dashboard-panel h2 { letter-spacing: -.035em; font-size: 1.5rem; font-weight: 800; }.dashboard-panel p { color: var(--ink-soft); }.dashboard-stat { display: grid; gap: 2px; padding: 10px 0; border-bottom: 1px solid #dbe6f6; }.dashboard-stat:last-child { border-bottom: none; }.dashboard-stat span { color: #64748b; font-size: 11px; font-weight: 700; }.dashboard-stat strong { overflow-wrap: anywhere; font-size: 14px; }.progress-track { height: 9px; overflow: hidden; background: #e5edf8; border-radius: 999px; margin: 24px 0 8px; }.progress-track span { display: block; height: 100%; background: var(--blue); border-radius: 999px; }.stat-card span { display: block; color: #64748b; font-size: 13px; font-weight: 700; }.stat-card strong { display: block; margin-top: 8px; font-size: 2.5rem; letter-spacing: -.06em; }.admin-checklist { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap: 10px 20px; margin-top: 20px; color: #475569; font-size: 14px; }.legal-copy { color: var(--ink-soft); }.legal-copy p + p { margin-top: 20px; }
.site-footer { background: var(--ink); color: #fff; }.site-footer a { display: block; color: #b8c5db; font-size: 13px; margin: 8px 0; }.site-footer a:hover { color: #fff; }.footer-tagline { max-width: 320px; color: #c2cde0; }.footer-country { color: #94a5c2; font-size: 13px; }.footer-heading { margin-bottom: 10px; color: #fff; font-size: 12px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }.footer-bottom { border-top: 1px solid #26334b; color: #8090ab; font-size: 12px; }
@media (max-width: 991.98px) { .hero-section { padding: 68px 0; }.hero-ui-card:after { right: -11px; bottom: -11px; }.cta-card { align-items: flex-start; flex-direction: column; padding: 34px; }.job-card { flex-direction: column; }.job-card-meta { grid-template-columns: 1fr 1fr auto; min-width: 0; align-items: end; }.auth-shell { grid-template-columns: 1fr; }.auth-aside h2 { margin-top: 32px; }.auth-aside-note { margin-top: 35px; }.auth-form-wrap, .auth-aside { padding: 32px; } }
@media (max-width: 575.98px) { .section-space { padding: 62px 0; }.hero-title { font-size: 2.75rem; }.hero-copy { font-size: 1.02rem; }.hero-trust { display: grid; gap: 9px; }.page-hero { padding: 62px 0 44px; }.cta-card { padding: 28px; }.steps-card { padding: 4px 18px; }.step-item { gap: 12px; }.job-card-meta { grid-template-columns: 1fr 1fr; }.job-card-meta .btn { grid-column: 1 / -1; }.dashboard-top { flex-direction: column; }.profile-card-bottom { flex-direction: column; align-items: stretch; }.profile-card-bottom .btn { width: 100%; }.auth-section { padding: 32px 0; }.auth-form-wrap, .auth-aside { padding: 25px; } }
/* Package 02: Freelancer workspace, portfolio and public profile */
.member-area { min-height: calc(100vh - 76px); padding: 38px 0 90px; background: #f7f9fc; }
.member-subnav { display:flex; flex-wrap:wrap; gap:8px; padding:8px; margin-bottom:34px; background:#fff; border:1px solid #e1e8f1; border-radius:14px; box-shadow:0 6px 20px rgba(15,23,42,.035); }
.member-subnav a { color:#526174; font-size:13px; font-weight:800; padding:.62rem .88rem; border-radius:9px; text-decoration:none; }
.member-subnav a:hover { color:#164ea8; background:#f1f6ff; }.member-subnav a.active { color:#fff; background:#1f64d8; }
.workspace-hero { display:flex; justify-content:space-between; align-items:flex-start; gap:28px; padding:30px 0 22px; }.workspace-hero.compact { padding-top:0; }
.workspace-hero h1 { max-width:760px; margin:10px 0 10px; font-size:clamp(2rem,4vw,3rem); letter-spacing:-.052em; font-weight:850; }.workspace-hero p { max-width:760px; color:#64748b; margin:0; }.workspace-actions { display:flex; flex-wrap:wrap; gap:10px; padding-top:10px; }.completion-bubble { white-space:nowrap; padding:.6rem .82rem; color:#174ea9; background:#eaf1ff; border:1px solid #cbdcff; border-radius:999px; font-size:12px; font-weight:850; }
.profile-progress-card,.workspace-panel,.side-summary-card,.trust-side-card { background:#fff; border:1px solid #e0e8f3; border-radius:20px; box-shadow:0 10px 28px rgba(15,23,42,.035); }.profile-progress-card { padding:30px; }.profile-progress-card h2,.workspace-panel h2,.trust-side-card h2,.side-summary-card h2 { margin:9px 0 8px; letter-spacing:-.04em; font-size:1.5rem; font-weight:850; }.completion-number { color:#1f64d8; font-size:2.25rem; letter-spacing:-.07em; }.completion-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.completion-grid span { display:flex; gap:8px; align-items:center; padding:10px 12px; color:#6b7788; border:1px solid #e5ebf3; border-radius:11px; font-size:12px; font-weight:750; }.completion-grid span b { color:#94a3b8; }.completion-grid span.complete { color:#22533d; background:#f1fbf6; border-color:#cdecdc; }.completion-grid span.complete b { color:#16844b; }
.workspace-card { display:block; height:100%; padding:24px; color:inherit; text-decoration:none; background:#fff; border:1px solid #e0e8f3; border-radius:18px; box-shadow:0 8px 22px rgba(15,23,42,.025); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.workspace-card:hover { color:inherit; transform:translateY(-3px); border-color:#bfd4f7; box-shadow:0 16px 30px rgba(15,23,42,.08); }.workspace-card h3 { margin:15px 0 8px; letter-spacing:-.035em; font-size:1.25rem; font-weight:850; }.workspace-card p { min-height:63px; color:#64748b; font-size:13px; }.workspace-card > span:last-child { color:#1f64d8; font-size:12px; font-weight:850; }.workspace-icon { display:grid; place-items:center; width:38px; height:38px; color:#1f64d8; background:#eef5ff; border-radius:11px; font-size:19px; }
.trust-side-card { height:100%; padding:27px; color:#d6e2f5; background:linear-gradient(145deg,#101c31,#1d3e7b); border:0; }.trust-side-card .eyebrow { color:#9fc1ff; }.trust-side-card h2 { color:#fff; }.trust-side-card p { color:#c4d1e7; font-size:14px; }.trust-side-card ul { margin:22px 0 0; padding:0; list-style:none; }.trust-side-card li { padding:10px 0; color:#e4edf9; border-bottom:1px solid rgba(255,255,255,.1); font-size:13px; font-weight:700; }.trust-side-card li:last-child { border-bottom:0; }
.onboarding-section { min-height:calc(100vh - 76px); padding:66px 0 90px; background:linear-gradient(180deg,#f5f9ff 0%,#f7f9fc 100%); }.onboarding-progress { display:flex; justify-content:space-between; margin-bottom:13px; color:#506078; font-size:12px; font-weight:800; }.onboarding-progress strong { color:#1f64d8; }.onboarding-card { padding:clamp(26px,5vw,48px); background:#fff; border:1px solid #e0e8f3; border-radius:24px; box-shadow:0 20px 50px rgba(15,23,42,.08); }.onboarding-intro h1 { margin:10px 0; letter-spacing:-.05em; font-size:clamp(2rem,4vw,3rem); font-weight:850; }.onboarding-intro p { max-width:700px; color:#64748b; }.onboarding-language-box { padding:23px; background:#f7faff; border:1px solid #dce7f5; border-radius:15px; }.onboarding-language-box h2 { font-size:1.16rem; letter-spacing:-.03em; font-weight:850; }.onboarding-language-box p { color:#64748b; font-size:13px; }
.workspace-panel { padding:clamp(22px,3vw,32px); }.panel-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:22px; }.panel-heading p { max-width:680px; margin:7px 0 0; color:#64748b; font-size:13px; }.panel-rule { margin:32px 0; border-color:#e7edf5; opacity:1; }.avatar-edit-row { display:flex; align-items:center; gap:18px; padding:17px; margin:0 0 18px; background:#f8fafc; border:1px solid #e5ebf3; border-radius:15px; }.profile-avatar-xl { display:grid; place-items:center; flex:0 0 74px; width:74px; height:74px; overflow:hidden; color:#fff; background:linear-gradient(145deg,#3d6cc0,#172b52); border-radius:22px; font-size:27px; font-weight:850; }.profile-avatar-xl img { width:100%; height:100%; object-fit:cover; }.preference-checks { display:grid; gap:10px; }.preference-checks.inline { gap:8px; }.preference-checks label,.language-check-grid label,.skill-choice { display:flex; align-items:center; gap:8px; cursor:pointer; }.preference-checks label { color:#475569; font-size:13px; }.preference-checks input,.language-check-grid input,.skill-choice input { accent-color:#1f64d8; }.skill-picker { display:grid; gap:16px; }.skill-group { display:flex; flex-wrap:wrap; gap:8px; padding:15px; border:1px solid #e3eaf3; border-radius:14px; }.skill-group h3 { flex:0 0 100%; margin:0 0 3px; color:#526174; font-size:11px; font-weight:900; letter-spacing:.075em; text-transform:uppercase; }.skill-choice { padding:.42rem .6rem; color:#526174; background:#f8fafc; border:1px solid #e7edf5; border-radius:8px; font-size:12px; font-weight:700; }.skill-choice:has(input:checked) { color:#164ea8; background:#eff5ff; border-color:#bcd1f4; }.language-check-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.language-check-grid label { padding:.55rem .65rem; color:#526174; background:#fff; border:1px solid #dfe8f3; border-radius:9px; font-size:12px; font-weight:750; }.language-check-grid label:has(input:checked) { color:#164ea8; background:#eff5ff; border-color:#adc8fa; }.sticky-side { position:sticky; top:24px; }.side-summary-card { padding:24px; }.side-summary-card h2 { font-size:1.25rem; }.side-summary-card p { color:#64748b; font-size:13px; }.clean-list { padding:0; margin:14px 0 0; list-style:none; }.clean-list li { display:flex; justify-content:space-between; gap:10px; padding:9px 0; color:#526174; border-bottom:1px solid #eaf0f6; font-size:13px; }.clean-list li:last-child { border-bottom:0; }
.service-list-stack { display:grid; gap:14px; }.service-list-card { padding:24px; background:#fff; border:1px solid #e0e8f3; border-radius:17px; }.service-list-head { display:flex; justify-content:space-between; align-items:flex-start; gap:13px; }.service-list-head h2 { margin:7px 0 0; letter-spacing:-.038em; font-size:1.35rem; font-weight:850; }.small-label { display:inline-block; color:#64748b; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; }.service-status { padding:.32rem .55rem; color:#7f1d1d; background:#feecec; border-radius:999px; font-size:10px; font-weight:850; }.service-status.active { color:#166534; background:#eaf8ef; }.service-list-card p { margin:13px 0; color:#64748b; font-size:13px; }.service-meta { display:flex; flex-wrap:wrap; gap:7px 14px; color:#526174; font-size:12px; font-weight:750; }.service-actions { display:flex; align-items:center; gap:13px; margin-top:16px; }.service-actions a,.service-actions button { padding:0; color:#1f64d8; background:transparent; border:0; font-size:12px; font-weight:850; text-decoration:none; }.service-actions button { color:#b42318; }.service-actions form { margin:0; }.empty-state { padding:30px; text-align:center; color:#64748b; background:#fff; border:1px dashed #cbd8e8; border-radius:17px; }.empty-state strong { display:block; margin-bottom:6px; color:#334155; }.empty-state p { margin:0; font-size:14px; }
.portfolio-grid { display:grid; gap:16px; }.portfolio-manage-card { display:flex; overflow:hidden; background:#fff; border:1px solid #e0e8f3; border-radius:17px; }.portfolio-manage-card > img,.portfolio-manage-card > .portfolio-placeholder { width:200px; min-height:186px; object-fit:cover; }.portfolio-placeholder { display:grid; place-items:center; color:#4776c9; background:linear-gradient(145deg,#eef5ff,#dbeafa); font-size:35px; }.portfolio-manage-copy { flex:1; padding:21px; }.portfolio-manage-copy h2 { margin:7px 0 8px; letter-spacing:-.038em; font-size:1.32rem; font-weight:850; }.portfolio-manage-copy p { color:#64748b; font-size:13px; }.public-profile-hero { padding:58px 0 48px; background:linear-gradient(160deg,#f3f7ff,#fff); border-bottom:1px solid #e6edf6; }.public-profile-top { display:flex; justify-content:space-between; align-items:center; gap:30px; }.public-profile-person { display:flex; align-items:center; gap:22px; }.public-avatar { width:108px; height:108px; overflow:hidden; object-fit:cover; border-radius:28px; box-shadow:0 14px 26px rgba(15,23,42,.12); }.public-avatar.initial { display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#2d64c6,#142b59); font-size:38px; font-weight:850; }.public-profile-top h1 { margin:8px 0 4px; letter-spacing:-.055em; font-size:clamp(2.2rem,5vw,3.6rem); font-weight:900; }.public-headline { margin:0; color:#40516a; font-size:1.08rem; font-weight:600; }.profile-location-line { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; color:#64748b; font-size:13px; font-weight:700; }.public-profile-cta { display:grid; gap:8px; text-align:right; }.public-profile-cta small { color:#64748b; }.public-profile-cta .btn:disabled { opacity:1; color:#fff; background:#98afd8; border-color:#98afd8; cursor:not-allowed; }.public-profile-content { padding:60px 0 88px; }.public-content-section { margin-bottom:44px; }.public-content-section h2,.public-aside-card h2 { margin:0 0 17px; letter-spacing:-.042em; font-size:1.6rem; font-weight:850; }.public-bio { color:#475569; font-size:1.04rem; line-height:1.82; }.section-title-line { display:flex; justify-content:space-between; align-items:center; gap:15px; }.section-title-line span { display:grid; place-items:center; min-width:28px; height:28px; color:#1f64d8; background:#edf4ff; border-radius:999px; font-size:12px; font-weight:850; }.public-service-card { height:100%; padding:22px; background:#fff; border:1px solid #e0e8f3; border-radius:16px; }.public-service-card h3 { margin:7px 0 9px; letter-spacing:-.035em; font-size:1.2rem; font-weight:850; }.public-service-card p { min-height:44px; color:#64748b; font-size:13px; }.public-service-card strong { display:block; font-size:15px; }.public-service-card small { color:#64748b; font-size:11px; }.public-portfolio-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.public-portfolio-card { overflow:hidden; background:#fff; border:1px solid #e0e8f3; border-radius:17px; }.public-portfolio-card > img,.public-portfolio-card > .portfolio-placeholder { display:block; width:100%; height:205px; object-fit:cover; }.public-portfolio-card > div:last-child { padding:20px; }.public-portfolio-card h3 { margin:7px 0 8px; letter-spacing:-.035em; font-size:1.22rem; font-weight:850; }.public-portfolio-card p { color:#64748b; font-size:13px; }.public-portfolio-card a { color:#1f64d8; font-size:12px; font-weight:850; text-decoration:none; }.public-profile-aside { display:grid; gap:15px; }.public-aside-card { padding:22px; background:#f8fafc; border:1px solid #e0e8f3; border-radius:16px; }.public-aside-card h2 { font-size:1.2rem; }.public-aside-card dl { margin:0; }.public-aside-card dl > div { padding:11px 0; border-bottom:1px solid #e3eaf3; }.public-aside-card dl > div:last-child { border-bottom:0; }.public-aside-card dt { color:#64748b; font-size:11px; font-weight:800; }.public-aside-card dd { margin:3px 0 0; color:#26364e; font-size:13px; font-weight:800; }.badge-stack { display:flex; flex-wrap:wrap; gap:7px; }.badge-stack span { padding:.42rem .58rem; color:#17603a; background:#eaf8ef; border:1px solid #c4ead4; border-radius:8px; font-size:11px; font-weight:800; }
@media(max-width:991.98px){.workspace-hero,.public-profile-top{flex-direction:column;align-items:flex-start}.workspace-actions,.public-profile-cta{text-align:left}.sticky-side{position:static}.public-profile-cta{width:100%}.public-profile-cta .btn{width:100%}.portfolio-manage-card>img,.portfolio-manage-card>.portfolio-placeholder{width:150px}.language-check-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:575.98px){.member-area{padding-top:22px}.member-subnav{margin-bottom:25px;overflow:auto;flex-wrap:nowrap}.member-subnav a{white-space:nowrap}.workspace-hero h1{font-size:2.2rem}.completion-grid,.public-portfolio-grid{grid-template-columns:1fr}.profile-progress-card,.workspace-panel{padding:21px}.avatar-edit-row,.public-profile-person,.portfolio-manage-card{align-items:flex-start;flex-direction:column}.portfolio-manage-card>img,.portfolio-manage-card>.portfolio-placeholder{width:100%;height:185px}.language-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-profile-hero{padding:40px 0}.public-avatar{width:86px;height:86px;border-radius:22px}.public-profile-top h1{font-size:2.45rem}.completion-number{font-size:1.8rem}}

/* Package 03 — client discovery, saved shortlists and mutual-choice invitations */
.discovery-hero { padding:68px 0 42px; background:linear-gradient(160deg,#f4f8ff 0%,#fff 65%); border-bottom:1px solid #e4ecf6; }
.discovery-hero h1 { max-width:780px; margin:10px 0 15px; letter-spacing:-.055em; font-size:clamp(2.45rem,5vw,4.45rem); font-weight:900; }
.discovery-hero p { max-width:760px; margin:0; color:#53637a; font-size:1.08rem; line-height:1.72; }
.discovery-principle { display:grid; gap:6px; padding:24px; color:#32435d; background:#fff; border:1px solid #dfe9f6; border-radius:18px; box-shadow:0 14px 36px rgba(20,42,76,.06); }
.discovery-principle strong { color:#1e5fca; font-size:.95rem; }
.discovery-principle span { color:#64748b; font-size:.88rem; line-height:1.55; }
.discovery-content { padding:38px 0 84px; }
.discovery-filter-panel { padding:20px; background:#fff; border:1px solid #dce6f2; border-radius:20px; box-shadow:0 16px 40px rgba(15,23,42,.06); }
.filter-primary { display:flex; gap:12px; }
.filter-primary .form-control { min-height:52px; border-color:#ccd9e9; }
.filter-primary .btn { min-width:135px; }
.filter-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.filter-grid .form-label { margin-bottom:5px; color:#4b5e78; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.filter-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:13px; border-top:1px solid #e7edf5; }
.filter-proof-toggle { display:flex; align-items:center; gap:8px; margin:0; color:#4b5e78; cursor:pointer; font-size:13px; font-weight:700; }
.filter-proof-toggle input { accent-color:#1f64d8; }
.filter-foot .form-select { min-width:185px; }
.discovery-result-bar { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:21px 3px 18px; color:#64748b; font-size:13px; }
.discovery-result-bar strong { color:#192b45; font-size:1.05rem; }
.discovery-result-bar span { text-align:right; }
.discovery-profile-card { display:flex; height:100%; flex-direction:column; overflow:hidden; background:#fff; border:1px solid #dfe8f3; border-radius:18px; box-shadow:0 8px 22px rgba(15,23,42,.035); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
.discovery-profile-card:hover { border-color:#bcd1f2; box-shadow:0 18px 38px rgba(15,23,42,.09); transform:translateY(-2px); }
.discovery-profile-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:20px 20px 0; }
.discovery-avatar { display:grid; flex:0 0 58px; place-items:center; width:58px; height:58px; overflow:hidden; color:#fff; background:linear-gradient(145deg,#2f6cd1,#162b56); border-radius:17px; font-size:21px; font-weight:900; }
.discovery-avatar img { width:100%; height:100%; object-fit:cover; }
.discovery-profile-proof { display:grid; justify-items:end; gap:3px; color:#718198; font-size:10px; font-weight:800; text-align:right; }
.discovery-profile-proof strong { color:#197447; font-weight:900; }
.discovery-profile-copy { flex:1; padding:16px 20px; }
.discovery-profile-copy h2 { margin:0; letter-spacing:-.04em; font-size:1.35rem; font-weight:900; }
.discovery-profile-copy h2 a { color:#192b45; text-decoration:none; }
.discovery-profile-copy h2 a:hover { color:#1f64d8; }
.discovery-headline { min-height:40px; margin:7px 0 0; color:#526279; font-size:13px; line-height:1.5; }
.discovery-meta { display:flex; flex-wrap:wrap; gap:5px 10px; margin-top:13px; color:#66758a; font-size:11px; font-weight:750; }
.discovery-tags,.discovery-badges { display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; }
.discovery-tags span { padding:.35rem .5rem; color:#49617e; background:#f4f7fb; border:1px solid #e3eaf2; border-radius:7px; font-size:10px; font-weight:850; }
.discovery-badges span { padding:.32rem .5rem; color:#17603a; background:#edf9f0; border:1px solid #cbead5; border-radius:7px; font-size:10px; font-weight:850; }
.discovery-profile-bottom { display:flex; align-items:center; justify-content:space-between; gap:13px; padding:15px 20px; background:#f9fbfd; border-top:1px solid #e8eef5; }
.discovery-profile-bottom small { display:block; color:#77869b; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.discovery-profile-bottom strong { display:block; margin-top:2px; color:#22344e; font-size:12px; }
.discovery-card-save { padding:0 20px 15px; background:#f9fbfd; }
.save-freelancer-form { margin:0; }
.save-freelancer-form .btn { padding:0; color:#1f64d8; font-weight:800; text-decoration:none; }
.empty-discovery { padding:42px; color:#617187; text-align:center; background:#fff; border:1px dashed #cbd8e8; border-radius:18px; }
.empty-discovery strong { display:block; margin-bottom:7px; color:#293b54; font-size:1.06rem; }
.empty-discovery p { max-width:620px; margin:0 auto 17px; font-size:14px; line-height:1.65; }
.discovery-pagination { display:flex; justify-content:center; flex-wrap:wrap; gap:7px; margin-top:32px; }
.discovery-pagination a { display:grid; place-items:center; width:35px; height:35px; color:#526279; background:#fff; border:1px solid #dce6f1; border-radius:9px; font-size:13px; font-weight:800; text-decoration:none; }
.discovery-pagination a.active,.discovery-pagination a:hover { color:#fff; background:#1f64d8; border-color:#1f64d8; }
.discovery-join-cta,.client-dashboard-start { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:28px; color:#fff; background:linear-gradient(130deg,#192f59,#245dc0); border-radius:18px; }
.discovery-join-cta strong { display:block; font-size:1.15rem; }
.discovery-join-cta span { display:block; max-width:680px; margin-top:5px; color:#dce8fb; font-size:13px; }
.client-workspace-nav { display:flex; gap:7px; margin:0 0 28px; padding:7px; overflow:auto; background:#eff4fa; border:1px solid #dfe8f2; border-radius:12px; }
.client-workspace-nav a { padding:.55rem .75rem; color:#607087; border-radius:8px; font-size:12px; font-weight:850; text-decoration:none; white-space:nowrap; }
.client-workspace-nav a:hover,.client-workspace-nav a.active { color:#1c54ad; background:#fff; box-shadow:0 2px 6px rgba(15,23,42,.05); }
.client-dashboard-start { margin-top:25px; }
.client-dashboard-start h2 { margin:7px 0; color:#fff; font-size:1.35rem; }
.client-dashboard-start p { max-width:760px; margin:0; color:#d9e7ff; font-size:13px; line-height:1.6; }
.client-dashboard-start .eyebrow { color:#b6cffb; }
.client-dashboard-start .btn { flex:0 0 auto; color:#173e7d; background:#fff; border-color:#fff; }
.invitation-stack { display:grid; gap:16px; }
.invitation-card { padding:25px; background:#fff; border:1px solid #dfe8f3; border-radius:18px; }
.invitation-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.invitation-card h2 { margin:5px 0 5px; color:#1d304b; letter-spacing:-.04em; font-size:1.45rem; font-weight:900; }
.invitation-card h2 + p { margin:0; color:#68788e; font-size:13px; }
.invitation-card h2 + p a { color:#1f64d8; font-weight:800; text-decoration:none; }
.invitation-status { flex:0 0 auto; padding:.42rem .62rem; color:#966200; background:#fff5dc; border:1px solid #f3dea3; border-radius:999px; font-size:10px; font-weight:900; text-transform:uppercase; letter-spacing:.045em; }
.invitation-status.accepted { color:#17603a; background:#ebf8ef; border-color:#c8ead3; }
.invitation-status.declined,.invitation-status.expired,.invitation-status.withdrawn { color:#7b2635; background:#fdf0f2; border-color:#efc9d0; }
.invitation-facts { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.invitation-facts span { padding:.42rem .58rem; color:#52657e; background:#f5f8fc; border:1px solid #e3eaf3; border-radius:8px; font-size:11px; font-weight:800; }
.invitation-summary { max-width:850px; margin:18px 0; color:#4b5e77; font-size:14px; line-height:1.72; }
.invitation-card-foot { display:flex; flex-wrap:wrap; gap:12px 22px; padding-top:14px; color:#76859a; border-top:1px solid #e8eef5; font-size:11px; font-weight:750; }
.invitation-response-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:20px 0; }
.invitation-response-row form { margin:0; }
.invitation-response-row small { flex:1 0 100%; color:#6b7b90; font-size:11px; line-height:1.5; }
.public-profile-cta .save-freelancer-form { justify-self:end; }
.public-profile-cta .btn-link { color:#1f64d8; font-weight:850; text-decoration:none; }
@media(max-width:991.98px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discovery-result-bar,.discovery-join-cta,.client-dashboard-start{align-items:flex-start;flex-direction:column}.discovery-result-bar span{text-align:left}.public-profile-cta .save-freelancer-form{justify-self:start}}
@media(max-width:575.98px){.discovery-hero{padding:43px 0 32px}.discovery-hero h1{font-size:2.45rem}.discovery-content{padding-top:24px}.discovery-filter-panel{padding:15px}.filter-primary{flex-direction:column}.filter-primary .btn{width:100%}.filter-grid{grid-template-columns:1fr}.filter-foot{align-items:flex-start;flex-direction:column}.filter-foot .form-select{min-width:0;width:100%}.discovery-result-bar{padding-top:18px}.invitation-card{padding:20px}.invitation-card-head{align-items:flex-start;flex-direction:column}.invitation-status{align-self:flex-start}.discovery-join-cta{padding:23px}.client-workspace-nav{margin-bottom:20px}.public-profile-cta .save-freelancer-form{width:100%;text-align:left}}


/* Package 04 — project briefs, public jobs and controlled Fit Cards */
.jobs-hero,.project-detail-hero{padding:66px 0 45px;background:linear-gradient(160deg,#f4f8ff 0%,#fff 67%);border-bottom:1px solid #e4ecf6}
.jobs-hero h1,.project-detail-hero h1{margin:10px 0 15px;max-width:900px;color:#172a46;letter-spacing:-.058em;font-size:clamp(2.4rem,5vw,4.45rem);font-weight:900}
.jobs-hero p,.project-detail-lead{max-width:820px;margin:0;color:#53637a;font-size:1.08rem;line-height:1.72}
.job-hero-callout{display:grid;gap:7px;padding:25px;background:#fff;border:1px solid #dfe9f6;border-radius:18px;box-shadow:0 16px 38px rgba(15,23,42,.06)}
.job-hero-callout strong{color:#1d5fc8;font-size:1rem}.job-hero-callout span{color:#66778e;font-size:.87rem;line-height:1.55}.job-hero-callout .btn{justify-self:start}
.jobs-content{padding:38px 0 84px}.job-filter-panel{padding:20px;background:#fff;border:1px solid #dce6f2;border-radius:20px;box-shadow:0 16px 40px rgba(15,23,42,.06)}
.job-filter-panel .filter-foot span{max-width:700px;color:#65768d;font-size:12px;line-height:1.5}.jobs-result-bar{display:flex;align-items:center;gap:7px;padding:22px 3px 18px;color:#607189;font-size:13px}.jobs-result-bar strong{color:#192b45;font-size:1.06rem}.jobs-result-bar span{margin-left:auto;font-size:11px;font-weight:750}
.job-listing-stack,.client-project-stack,.fit-card-manage-stack,.freelancer-fit-stack{display:grid;gap:15px}.project-listing-card,.client-project-row,.fit-card-manage-card,.freelancer-fit-card{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;padding:25px;background:#fff;border:1px solid #dfe8f3;border-radius:18px;box-shadow:0 8px 22px rgba(15,23,42,.035)}
.project-listing-main{min-width:0;flex:1}.project-listing-kicker{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#6b7c92;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.project-listing-card h2,.client-project-row h2,.fit-card-manage-card h2,.freelancer-fit-card h3{margin:8px 0 8px;color:#1c304b;letter-spacing:-.04em;font-size:1.45rem;font-weight:900}.project-listing-card h2 a,.fit-card-manage-card h2 a,.freelancer-fit-card h3 a{color:inherit;text-decoration:none}.project-listing-card h2 a:hover,.fit-card-manage-card h2 a:hover,.freelancer-fit-card h3 a:hover{color:#1f64d8}.project-listing-card p,.client-project-row p,.freelancer-fit-card p{max-width:720px;margin:0;color:#596b82;font-size:13px;line-height:1.65}.project-listing-meta{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:15px;min-width:365px;align-items:end}.project-listing-meta small,.fit-card-facts small,.project-side-facts small{display:block;color:#78889c;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.project-listing-meta strong,.fit-card-facts strong,.project-side-facts strong{display:block;margin-top:4px;color:#293c56;font-size:12px;line-height:1.38}.project-listing-meta .btn{grid-column:1/-1;justify-self:end}.job-status-pill{display:inline-flex;align-items:center;gap:4px;padding:.4rem .62rem;color:#7a6007;background:#fff6dc;border:1px solid #f2dea5;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.job-status-pill.open,.job-status-pill.shortlisted{color:#17603a;background:#eaf8ef;border-color:#c8ead3}.job-status-pill.draft,.job-status-pill.viewed,.job-status-pill.submitted{color:#1d55a6;background:#edf4ff;border-color:#cfddf5}.job-status-pill.paused,.job-status-pill.closed,.job-status-pill.declined,.job-status-pill.withdrawn{color:#7b2635;background:#fdf0f2;border-color:#efc9d0}
.back-link{display:inline-flex;gap:7px;color:#1f64d8;font-size:13px;font-weight:850;text-decoration:none}.back-link:hover{text-decoration:underline}.project-fact-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.project-fact-row span,.project-skill-list span,.fit-card-proof-row span{padding:.42rem .6rem;color:#52657e;background:#f4f7fb;border:1px solid #e1e9f2;border-radius:8px;font-size:11px;font-weight:800}.project-response-panel{display:grid;gap:10px;padding:25px;background:#fff;border:1px solid #dbe7f4;border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.06)}.project-response-panel strong{color:#1f4f9c;font-size:1.38rem;line-height:1.25}.project-response-panel p{margin:0;color:#65778d;font-size:13px;line-height:1.57}.project-response-panel small{color:#6f8095;font-size:11px;line-height:1.52}.project-detail-content{padding:43px 0 84px}.project-detail-block{padding:0 0 31px;margin-bottom:31px;border-bottom:1px solid #e6edf5}.project-detail-block h2{margin:0 0 14px;color:#20344e;letter-spacing:-.035em;font-size:1.45rem;font-weight:900}.long-copy{color:#4c6079;font-size:15px;line-height:1.8}.project-skill-list,.fit-card-proof-row{display:flex;flex-wrap:wrap;gap:7px}.project-side-facts{display:grid;gap:15px;padding:22px;background:#f8fbfe;border:1px solid #e0e9f3;border-radius:16px}.project-side-facts>div{padding-bottom:14px;border-bottom:1px solid #e5edf5}.project-side-facts>div:last-child{padding-bottom:0;border-bottom:0}
.project-form-card{overflow:hidden;background:#fff;border:1px solid #dfe8f3;border-radius:20px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.project-form-section{padding:29px;border-bottom:1px solid #e8eef5}.project-form-section:last-of-type{border-bottom:0}.project-form-section .small-label{color:#1f64d8}.project-form-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 29px;background:#f8fbfe}.project-form-actions strong{display:block;color:#263b56;font-size:13px}.project-form-actions span{display:block;max-width:650px;margin-top:4px;color:#6a7b91;font-size:12px;line-height:1.5}.project-manage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;background:#f8fbfe;border:1px solid #e0e9f2;border-radius:15px}.project-manage-toolbar strong{display:block;color:#1d55a6;font-size:1.33rem}.project-manage-toolbar span{display:block;color:#66788f;font-size:11px;font-weight:750}.client-project-row{align-items:center}.client-project-row>div:first-child{min-width:0;flex:1}.client-project-row h2{font-size:1.25rem}.client-project-row-meta{display:flex;align-items:center;gap:13px;color:#6c7c92;font-size:12px;white-space:nowrap}.client-project-row-meta b{color:#233a57}.fit-card-manage-card{display:block}.fit-card-manage-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.fit-card-manage-card h2{font-size:1.35rem}.fit-card-manage-card h2 + p{margin:0;color:#697a8e;font-size:13px}.fit-card-summary{max-width:900px;margin:19px 0;color:#4c6078;font-size:14px;line-height:1.75}.fit-card-facts{display:flex;flex-wrap:wrap;gap:18px;padding:15px 0;border-top:1px solid #e7edf5}.fit-card-facts span{min-width:125px}.fit-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px}.fit-card-actions form{margin:0}.freelancer-fit-card{display:block;padding:20px}.freelancer-fit-card h3{font-size:1.12rem}.freelancer-fit-card p{font-size:12px}.freelancer-fit-card .fit-card-manage-head{gap:10px}
@media(max-width:991.98px){.project-listing-card{flex-direction:column}.project-listing-meta{width:100%;min-width:0;grid-template-columns:repeat(3,1fr)}.project-listing-meta .btn{justify-self:start}.client-project-row{align-items:flex-start;flex-direction:column}.client-project-row-meta{white-space:normal}.project-manage-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:575.98px){.jobs-hero,.project-detail-hero{padding:44px 0 34px}.jobs-hero h1,.project-detail-hero h1{font-size:2.35rem}.jobs-result-bar{align-items:flex-start;flex-wrap:wrap}.jobs-result-bar span{width:100%;margin-left:0}.project-listing-card,.fit-card-manage-card{padding:20px}.project-listing-meta{grid-template-columns:1fr 1fr;gap:13px}.project-listing-meta>div:last-of-type{grid-column:1/-1}.project-form-section,.project-form-actions{padding:20px}.project-form-actions{align-items:flex-start;flex-direction:column}.project-form-actions .btn{width:100%}.project-fact-row{gap:6px}.fit-card-facts{gap:12px}.client-project-row-meta{align-items:flex-start;flex-direction:column;gap:7px}.project-manage-toolbar .d-flex{width:100%}.project-manage-toolbar form{flex:1}.project-manage-toolbar button{width:100%}}
/* Package 05 — membership, credit wallet and monetization surfaces */
.membership-status-card,.credit-wallet-card,.membership-plan-card,.credit-pack-card,.rule-card,.admin-freelancer-card,.admin-order-card{background:#fff;border:1px solid #dfe8f3;border-radius:18px;box-shadow:0 12px 30px rgba(15,23,42,.05)}
.membership-status-card{padding:28px}.membership-status-card h2,.credit-wallet-card h2{margin:8px 0;color:#1c304b;font-weight:900;letter-spacing:-.04em}.membership-status-card p,.credit-wallet-card p{margin:0;color:#607189;font-size:13px;line-height:1.65}.membership-status-pill,.admin-mini-pill{display:inline-flex;align-items:center;padding:.42rem .65rem;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;background:#fff6dc;border:1px solid #f1dda4;color:#805f00}.membership-status-pill.active{background:#eaf8ef;border-color:#c8ead3;color:#17603a}.membership-status-pill.expired,.membership-status-pill.cancelled{background:#fdf0f2;border-color:#efc9d0;color:#7b2635}.membership-number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.membership-number-grid>div{padding:14px;background:#f7faff;border:1px solid #e1eaf5;border-radius:13px}.membership-number-grid small{display:block;color:#718198;font-size:10px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.membership-number-grid strong{display:block;margin-top:5px;color:#1d55a6;font-size:1.25rem;line-height:1.2}.membership-callout,.fit-card-credit-callout{padding:15px 17px;border:1px solid #cfe0fa;background:#eef5ff;border-radius:13px}.membership-callout strong,.fit-card-credit-callout strong{display:block;color:#1c539c;font-size:13px}.membership-callout p,.fit-card-credit-callout span{display:block;margin:5px 0 0;color:#536d90;font-size:12px;line-height:1.55}.membership-plan-card{height:100%;padding:20px}.membership-plan-card.current{border-color:#8fb7f5;box-shadow:0 14px 32px rgba(42,108,207,.12)}.membership-plan-card h3{margin:7px 0;color:#213750;font-size:1.12rem;font-weight:900;letter-spacing:-.03em}.membership-price{display:block;color:#1f64d8;font-size:1.75rem;letter-spacing:-.05em}.membership-price small{color:#687b93;font-size:10px;letter-spacing:0}.membership-plan-card p{min-height:59px;margin:11px 0;color:#65758a;font-size:12px;line-height:1.55}.membership-plan-card ul{margin:0 0 18px;padding:0;list-style:none;color:#425873;font-size:11px;line-height:1.75}.credit-wallet-card{padding:25px}.credit-balance-display{display:flex;align-items:baseline;gap:9px;margin-top:18px}.credit-balance-display strong{color:#1f64d8;font-size:3.2rem;line-height:1;font-weight:900;letter-spacing:-.08em}.credit-balance-display span{color:#64768e;font-size:12px;font-weight:800}.credit-pack-stack,.credit-ledger-list,.admin-freelancer-stack,.admin-order-stack{display:grid;gap:10px}.credit-pack-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.credit-pack-card h3{margin:5px 0 0;color:#243a55;font-size:1.05rem;font-weight:900}.credit-pack-card p{margin:2px 0 0;color:#6d7e92;font-size:12px}.credit-ledger-panel{height:100%}.credit-ledger-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #e8eef5}.credit-ledger-row:last-child{border-bottom:0}.credit-ledger-row strong{display:block;color:#31465f;font-size:12px}.credit-ledger-row span{display:block;margin-top:3px;color:#78899e;font-size:10px}.credit-change{text-align:right}.credit-change strong{font-size:16px}.credit-change.earned strong{color:#16713b}.credit-change.spent strong{color:#aa4f20}.order-status{font-size:11px;font-weight:900;text-transform:uppercase;color:#b17c00}.order-status.paid{color:#16713b}.credit-rules-section{padding:38px 0 8px}.rule-card{height:100%;padding:20px}.rule-card strong{color:#253a55;font-size:14px}.rule-card p{margin:8px 0 0;color:#65778e;font-size:12px;line-height:1.65}.credit-cost-note{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:.4rem .6rem;margin-bottom:4px;color:#1e579f;background:#eef5ff;border:1px solid #d2e2fa;border-radius:8px;font-size:11px;font-weight:900}.admin-monetization-note{padding:15px 17px;margin-top:24px;background:#eef5ff;border:1px solid #cfe0fa;border-radius:13px;color:#536f93;font-size:13px;line-height:1.6}.admin-freelancer-card,.admin-order-card{padding:17px}.admin-freelancer-card p,.admin-order-card p{margin:4px 0;color:#718198;font-size:12px}.admin-mini-pill{margin-right:5px;background:#f4f7fb;border-color:#dfe8f3;color:#5d7088}.admin-order-card{display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-order-card span{display:block;margin-top:6px;color:#234365;font-size:12px;font-weight:800}
@media(max-width:575.98px){.membership-number-grid{grid-template-columns:1fr;gap:9px}.credit-pack-card,.admin-order-card{align-items:flex-start;flex-direction:column}.credit-pack-card .btn,.admin-order-card .btn{width:100%}.membership-status-card,.credit-wallet-card{padding:21px}.credit-balance-display strong{font-size:2.7rem}}

/* Package 06 — private mutual-connection messaging */
.connection-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#fff;color:#0f172a;font-size:.72rem;font-weight:800;margin-left:4px}
.connection-list{display:grid;gap:14px}.connection-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:20px;box-shadow:0 7px 22px rgba(15,23,42,.04)}.connection-card.is-unread{border-color:#9fc4ff;box-shadow:0 8px 26px rgba(47,125,246,.11)}.connection-card.is-closed{opacity:.84}.connection-card-head,.connection-card-foot,.connection-person,.connection-card-meta{display:flex;align-items:center}.connection-card-head{justify-content:space-between;gap:18px}.connection-person{gap:13px;min-width:0}.connection-avatar{width:44px;height:44px;border-radius:14px;background:#e9f2ff;color:#195bb8;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}.connection-person span,.connection-person p{display:block;color:#64748b;font-size:.84rem;margin:0}.connection-person h2{font-size:1.05rem;margin:2px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:520px}.connection-card-meta{gap:9px;flex:0 0 auto}.connection-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.75rem;font-weight:800;background:#e7f8ee;color:#137a40}.connection-status.closed{background:#f1f5f9;color:#475569}.unread-dot{display:flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#2563eb;color:#fff;font-size:.74rem}.connection-card-foot{gap:13px;justify-content:flex-end;border-top:1px solid #edf1f7;margin-top:16px;padding-top:14px;color:#64748b;font-size:.82rem}.connection-card-foot span:first-child{margin-right:auto}.conversation-shell{max-width:920px;margin:0 auto}.conversation-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:#fff;border:1px solid #e7edf5;border-radius:20px 20px 0 0;padding:26px 28px}.conversation-header h1{font-size:1.55rem;margin:7px 0}.conversation-header p{margin:0;color:#64748b}.conversation-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.conversation-trust-note,.connection-closed-note{display:flex;gap:12px;padding:13px 20px;font-size:.88rem;border-left:1px solid #e7edf5;border-right:1px solid #e7edf5}.conversation-trust-note{background:#f7fbff;color:#35506e}.connection-closed-note{background:#fff8e8;color:#72561a}.message-thread{background:#f8fafc;border:1px solid #e7edf5;border-top:0;padding:24px;min-height:360px;display:flex;flex-direction:column;gap:12px}.message-empty{text-align:center;max-width:490px;margin:auto;color:#64748b}.message-empty strong{display:block;color:#1e293b;margin-bottom:6px}.message-bubble{max-width:min(78%,650px);padding:12px 14px;border-radius:16px;background:#fff;border:1px solid #e5eaf2;align-self:flex-start}.message-bubble.mine{align-self:flex-end;background:#eaf3ff;border-color:#cce0ff}.message-bubble-meta{display:flex;align-items:center;gap:9px;margin-bottom:6px;font-size:.77rem;color:#64748b}.message-bubble-meta strong{color:#334155}.message-bubble-body{font-size:.95rem;line-height:1.55;color:#172033;word-break:break-word}.system-message{align-self:center;display:flex;gap:8px;align-items:center;max-width:90%;text-align:center;padding:8px 12px;border-radius:999px;background:#eaf0f7;color:#56667a;font-size:.79rem}.system-message span{color:#8390a0}.message-composer{background:#fff;border:1px solid #e7edf5;border-radius:0 0 20px 20px;padding:20px}.message-composer textarea{resize:vertical}.message-composer-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;color:#64748b;font-size:.8rem}.message-report-details{margin-top:10px}.message-report-details summary{cursor:pointer;color:#a53a3a;font-size:.78rem}.connection-close-details{background:#fff;border:1px solid #eedddd;border-radius:14px;padding:15px 18px}.connection-close-details summary{cursor:pointer;color:#9f2d2d;font-weight:700}.close-connection-panel{padding:18px;background:#fff;border:1px solid #e7edf5;border-radius:0 0 20px 20px;color:#64748b}.close-connection-panel strong{color:#1e293b}.close-connection-panel p{margin:4px 0 0}.admin-report-tabs{display:flex;gap:8px;flex-wrap:wrap}.admin-report-tabs a{padding:8px 11px;border:1px solid #dbe4ee;border-radius:10px;color:#475569;text-decoration:none;font-size:.86rem;font-weight:700}.admin-report-tabs a.active{background:#0f172a;color:#fff;border-color:#0f172a}.admin-report-tabs span{font-size:.75rem;opacity:.8}.admin-report-stack{display:grid;gap:15px}.admin-report-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:20px}.admin-report-head{display:flex;justify-content:space-between;gap:15px}.admin-report-head h2{font-size:1.08rem;margin:4px 0}.admin-report-head p{font-size:.84rem;color:#64748b;margin:0}.admin-report-card blockquote{background:#f8fafc;border-left:3px solid #cbd5e1;padding:12px 14px;margin:16px 0;font-size:.93rem}.admin-report-context{font-size:.88rem;color:#475569}.client-workspace-nav a .connection-count-badge{margin-left:2px}
@media (max-width: 767.98px){.connection-card-head,.connection-card-foot,.conversation-header,.message-composer-foot{align-items:flex-start;flex-direction:column}.connection-card-foot{gap:7px}.connection-card-foot span:first-child{margin-right:0}.connection-card-foot .btn{width:100%}.connection-card-meta{align-self:flex-start}.connection-person h2{max-width:220px}.conversation-controls{justify-content:flex-start}.message-bubble{max-width:93%}.message-thread{padding:15px}.conversation-header{padding:20px}.message-composer{padding:15px}.message-composer-foot .btn{width:100%}.system-message{border-radius:13px;flex-direction:column;gap:2px}.admin-report-head{flex-direction:column}.admin-report-card{padding:16px}}

/* Package 07 — evidence-based trust, reviews and outcomes */
.trust-score-card{min-width:150px;background:#0f172a;color:#fff;border-radius:16px;padding:16px 18px;text-align:right;box-shadow:0 12px 24px rgba(15,23,42,.14)}
.trust-score-card span,.trust-score-card small{display:block;color:#cbd5e1;font-size:.78rem}.trust-score-card strong{display:block;font-size:1.62rem;line-height:1.1;margin:4px 0}.trust-badge-strip{display:flex;flex-wrap:wrap;gap:8px}.earned-badge{display:inline-flex;align-items:center;gap:6px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#065f46;padding:7px 10px;font-size:.8rem;font-weight:750}.trust-section-stack{display:grid;gap:18px}.trust-panel{background:#fff;border:1px solid #e4ebf3;border-radius:18px;padding:22px}.trust-panel-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.trust-panel h2{font-size:1.15rem;margin:5px 0 6px}.trust-panel p{font-size:.91rem;color:#64748b;margin:0;line-height:1.55}.trust-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.74rem;font-weight:800;padding:6px 9px;white-space:nowrap}.trust-status.is-approved{background:#dcfce7;color:#166534}.trust-status.is-rejected{background:#fef2f2;color:#991b1b}.trust-status.is-pending{background:#fff7ed;color:#9a3412}.reference-link-box{background:#f0f7ff;border:1px dashed #9dc9ff;border-radius:14px;padding:14px}.reference-link-box small{display:block;margin-top:8px;color:#526477;font-size:.76rem}.trust-sidebar .trust-panel{box-shadow:0 8px 20px rgba(15,23,42,.04)}.trust-checklist{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:11px;color:#475569;font-size:.9rem}.trust-checklist li{display:flex;gap:9px}.history-card{background:#fff;border:1px solid #e4ebf3;border-radius:16px;padding:18px;height:100%}.history-card h3{font-size:.97rem;margin:0 0 11px}.history-row{border-top:1px solid #edf1f5;padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:.82rem;color:#475569}.history-row:first-of-type{border-top:0}.outcome-stack{display:grid;gap:14px}.outcome-card{background:#fff;border:1px solid #e4ebf3;border-radius:17px;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.outcome-card h2,.outcome-card h3{font-size:1.07rem;margin:4px 0 6px}.outcome-card p{font-size:.88rem}.outcome-card blockquote{border-left:3px solid #cbd5e1;padding:8px 12px;margin:10px 0 0;background:#f8fafc;font-size:.85rem;color:#475569}.outcome-actions{min-width:200px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.outcome-actions small{font-size:.76rem;color:#64748b}.review-form-card{width:100%;max-width:420px;border:1px solid #e5eaf2;border-radius:12px;padding:13px;background:#fafcff}.client-outcome-card{align-items:center}.public-review-stack{display:grid;gap:12px}.public-review-card{background:#fff;border:1px solid #e5eaf2;border-radius:15px;padding:17px}.public-review-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.9rem}.public-review-head span{color:#c87900;letter-spacing:1px}.public-review-card h3{font-size:.95rem;margin:12px 0 4px}.public-review-card p{font-size:.9rem;line-height:1.55;color:#475569;margin:6px 0}.public-review-card small{font-size:.74rem;color:#64748b}.trust-public-section .trust-badge-strip{margin-top:12px}.reference-page{padding:64px 0 80px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);min-height:66vh}.reference-card{max-width:760px;margin:0 auto;background:#fff;border:1px solid #e4ebf3;border-radius:22px;padding:38px;box-shadow:0 22px 45px rgba(15,23,42,.08)}.reference-card .brand-mark.dark{color:#0f172a;text-decoration:none}.reference-card h1{font-size:clamp(1.7rem,3.2vw,2.25rem);margin:9px 0 12px;line-height:1.17}.reference-card>p{color:#526477;line-height:1.6}.trust-admin-note{padding:13px 16px;border-left:4px solid #2563eb;background:#eff6ff;color:#34506d;border-radius:8px;font-size:.86rem}.trust-admin-card .trust-admin-evidence{margin-top:15px;color:#475569;font-size:.9rem}.trust-admin-card blockquote{margin:12px 0 0}.trust-admin-card h3{font-size:1rem;margin:10px 0 0}
@media (max-width:767.98px){.trust-score-card{width:100%;text-align:left}.trust-panel,.reference-card{padding:18px}.trust-panel-heading,.outcome-card{flex-direction:column}.outcome-actions{min-width:0;width:100%;align-items:stretch}.outcome-actions .trust-status{align-self:flex-start}.client-outcome-card{align-items:stretch}.history-row{align-items:flex-start;flex-direction:column}.reference-page{padding:34px 0 50px}}

/* Package 08 — secure payment and billing surfaces */
.payment-trust-note { border: 1px solid rgba(31, 99, 204, .18); background: #f2f7ff; color: #17355f; border-radius: 16px; padding: 16px 18px; margin-top: 24px; }
.payment-provider-options { display: grid; gap: 8px; }
.payment-provider-option { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid #dce5f0; border-radius: 12px; cursor: pointer; background: #fff; }
.payment-provider-option input { margin: 0; }
.payment-provider-option span { display: grid; line-height: 1.25; }
.payment-provider-option small { color: #64748b; margin-top: 2px; }
.payment-provider-option.is-unavailable { opacity: .55; cursor: not-allowed; }
.billing-plan-card, .payment-map-card { height: 100%; border: 1px solid #e2e8f0; border-radius: 16px; padding: 18px; background: #fff; }
.billing-plan-card h3 { font-size: 1.05rem; margin-bottom: 6px; }
.billing-price { font-size: 1.35rem; font-weight: 800; margin-bottom: 10px; color: #0f172a; }
.billing-price small { font-size: .8rem; color: #64748b; font-weight: 600; }
.billing-plan-card ul { margin: 0; padding-left: 18px; color: #475569; }
.admin-health-card { border-radius: 14px; padding: 14px 16px; display: flex; flex-direction: column; gap: 3px; border: 1px solid #e2e8f0; background: #fff; }
.admin-health-card.good { border-color: #bde5cb; background: #f1fbf5; }
.admin-health-card.warn { border-color: #f2d39b; background: #fffaf0; }
.admin-health-card span { color: #64748b; font-size: .86rem; }
.status-chip.paid { color: #166534; background: #dcfce7; }
.status-chip.awaiting_payment, .status-chip.created { color: #92400e; background: #fef3c7; }
.status-chip.cancelled, .status-chip.failed { color: #991b1b; background: #fee2e2; }
.status-chip.refunded { color: #1d4ed8; background: #dbeafe; }
@media (max-width: 575.98px) { .workspace-actions { width: 100%; } .workspace-actions .btn { flex: 1; } }

/* Package 09 — in-app notifications and transactional delivery */
.notification-bell{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;color:#334155;border:1px solid #dce5ef;border-radius:10px;background:#fff;font-size:19px;line-height:1;text-decoration:none}.notification-bell:hover{color:#1d4ed8;border-color:#b8cdf1}.notification-bell b{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;color:#fff;background:#2563eb;border:2px solid #fff;border-radius:999px;font-size:9px;font-weight:900;line-height:1}.notification-list{display:grid;gap:12px}.notification-card{display:flex;gap:14px;padding:20px 21px;background:#fff;border:1px solid #e3eaf2;border-radius:16px;box-shadow:0 7px 18px rgba(15,23,42,.035)}.notification-card.is-unread{border-color:#bcd5fb;background:linear-gradient(90deg,#f7fbff 0,#fff 60%)}.notification-card-main{min-width:0;flex:1}.notification-card h2{display:inline;margin:0;color:#1c304b;font-weight:850}.notification-card p{margin-top:8px;color:#52657e;font-size:.92rem;line-height:1.58}.notification-dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:#2563eb;border-radius:50%;vertical-align:2px}.notification-card.is-read .notification-dot{background:#cbd5e1}.notification-preferences-table{min-width:720px}.notification-preferences-table th{font-size:.74rem;color:#64748b;text-transform:uppercase;letter-spacing:.06em}.notification-preferences-table td{padding:15px 12px}.notification-preferences-table td:first-child{width:56%}.notification-preferences-table .form-select{min-width:190px}.notification-card time{white-space:nowrap}.dashboard-panel .font-monospace{font-size:.78rem;line-height:1.45}@media(max-width:575.98px){.notification-card{padding:16px}.notification-card .d-flex:first-child{flex-direction:column;gap:4px}.notification-card time{font-size:.72rem}.notification-bell{width:32px;height:32px}.notification-preferences-table{min-width:650px}}

/* Package 10 — private attachment UI */
.attachment-list{display:grid;gap:.55rem;margin-top:1rem}.attachment-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .75rem;border:1px solid rgba(15,23,42,.12);border-radius:.7rem;background:#fff}.attachment-file-icon{width:2rem;height:2rem;display:grid;place-items:center;border-radius:.45rem;background:#edf4ff;color:#1d4ed8;font-weight:800}.attachment-file-copy{min-width:0;display:grid;gap:.08rem}.attachment-file-copy a{font-weight:700;overflow-wrap:anywhere}.attachment-file-copy span,.attachment-empty{font-size:.82rem;color:#64748b}.attachment-remove{margin-left:auto;border:0;background:transparent;color:#b91c1c;font-size:.82rem}.private-file-input{border-top:1px solid rgba(15,23,42,.08);padding-top:.9rem}.order-status.clean{background:#dcfce7;color:#166534}.order-status.not_configured{background:#fef3c7;color:#92400e}.order-status.unavailable,.order-status.rejected{background:#fee2e2;color:#991b1b}

/* Package 11 — support, credit returns and marketplace disputes */
.support-thread{display:grid;gap:12px}.support-message{padding:15px 16px;border:1px solid #e3eaf2;border-radius:14px;background:#fff}.support-message.is-staff{border-color:#c7dafb;background:#f7fbff}.support-message.is-internal{border-style:dashed;border-color:#f0bf66;background:#fffaf0}.support-message p{margin:8px 0 0;color:#334155;line-height:1.58}.support-message time{font-size:.76rem;color:#64748b;white-space:nowrap}.status-chip.support-open,.status-chip.support-waiting_on_staff{background:#dbeafe;color:#1d4ed8}.status-chip.support-in_review{background:#fef3c7;color:#92400e}.status-chip.support-waiting_on_user{background:#e0f2fe;color:#075985}.status-chip.support-resolved{background:#dcfce7;color:#166534}.status-chip.support-closed{background:#e2e8f0;color:#475569}@media(max-width:575.98px){.support-message{padding:13px}.support-message .d-flex:first-child{flex-direction:column;gap:3px}.support-message time{font-size:.72rem}}

/* Package 12 — admin operations, moderation and marketplace controls */
.admin-ops-nav { display:flex; flex-wrap:wrap; gap:8px; padding:12px; margin:0 0 26px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.admin-ops-nav a { color:#475569; text-decoration:none; font-size:13px; font-weight:800; padding:.58rem .75rem; border-radius:10px; }
.admin-ops-nav a:hover, .admin-ops-nav a.active { color:#123979; background:#edf4ff; }
.admin-ops-top { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:25px; }
.admin-period-note { color:#64748b; font-size:13px; font-weight:700; }
.admin-metric-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
.admin-metric { padding:18px; border:1px solid var(--line); background:#fff; border-radius:15px; }
.admin-metric small { display:block; color:#64748b; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.admin-metric strong { display:block; margin-top:8px; color:var(--ink); font-size:1.7rem; letter-spacing:-.05em; }
.admin-flow-list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.admin-flow-list li { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line); }
.admin-flow-list li:last-child { border-bottom:0; }
.admin-flow-list span { color:#64748b; font-size:13px; }
.admin-flow-list strong { color:var(--ink); }
.admin-quick-links { display:flex; flex-wrap:wrap; gap:10px; }
.admin-pagination { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:20px; }
.admin-pagination .page-links { display:flex; flex-wrap:wrap; gap:6px; }
.admin-pagination a, .admin-pagination span { min-width:34px; padding:.38rem .55rem; text-align:center; border:1px solid var(--line); border-radius:8px; color:#475569; font-size:13px; text-decoration:none; }
.admin-pagination span.current { color:#fff; background:#183b7a; border-color:#183b7a; }
.admin-table { margin-bottom:0; }
.admin-table thead th { color:#64748b; font-size:11px; font-weight:850; letter-spacing:.045em; text-transform:uppercase; white-space:nowrap; }
.admin-table td { font-size:13px; vertical-align:middle; }
.admin-table a { font-weight:800; }
.admin-status-chip { display:inline-flex; align-items:center; max-width:100%; padding:.27rem .55rem; border-radius:999px; font-size:10px; font-weight:850; line-height:1.2; white-space:nowrap; }
.user-active, .moderation-approved { color:#176a43; background:#e6f7ef; }
.user-suspended, .moderation-hidden, .moderation-rejected { color:#a23a16; background:#fff0e9; }
.user-closed { color:#5b5566; background:#f0eef3; }
.moderation-pending { color:#8a5700; background:#fff7dd; }
.admin-summary-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
.admin-summary-grid > div { min-width:0; padding:14px; border:1px solid var(--line); border-radius:12px; background:#fafcff; }
.admin-summary-grid small { display:block; color:#64748b; font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.admin-summary-grid strong { display:block; margin-top:5px; font-size:1.05rem; }
.member-summary-grid .admin-summary-value { white-space:nowrap; overflow:visible; font-size:clamp(.9rem, 1.1vw, 1.05rem); font-variant-numeric:tabular-nums; letter-spacing:-.012em; }
.admin-detail-stat-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:10px; }
.admin-detail-stat-grid > div { padding:12px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.admin-detail-stat-grid small { display:block; color:#64748b; font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.04em; }
.admin-detail-stat-grid strong { display:block; margin-top:4px; font-size:1.1rem; }
.admin-history-list, .admin-note-stack { display:grid; gap:10px; }
.admin-history-item, .admin-note { padding:13px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.admin-history-item small, .admin-note small { display:block; margin-top:5px; color:#64748b; }
.admin-project-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.admin-project-meta > div { padding:12px; border:1px solid var(--line); border-radius:11px; background:#fafcff; }
.admin-project-meta small { display:block; color:#64748b; font-size:10px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.admin-project-meta strong { display:block; margin-top:4px; }
.admin-long-copy { color:#334155; line-height:1.65; white-space:pre-wrap; }
.admin-mini-dl { display:grid; grid-template-columns:145px 1fr; gap:8px 14px; margin:0; }
.admin-mini-dl dt { color:#64748b; font-size:12px; font-weight:800; }
.admin-mini-dl dd { margin:0; font-size:13px; }
.taxonomy-stack { display:grid; gap:10px; }
.taxonomy-row { display:grid; grid-template-columns:minmax(130px,1.2fr) minmax(130px,1.2fr) minmax(100px,.9fr) 82px 102px auto; gap:8px; align-items:center; padding:10px; border:1px solid var(--line); border-radius:12px; background:#fff; }
.controls-panel { max-width:1050px; }
.control-choice { display:flex; gap:10px; margin:10px 0; padding:13px; border:1px solid var(--line); border-radius:12px; cursor:pointer; background:#fff; }
.control-choice:has(input:checked) { border-color:#8db3f5; background:#f5f9ff; }
.control-choice input { margin-top:4px; accent-color:#1d59b8; }
.control-choice strong, .control-choice small { display:block; }
.control-choice small { margin-top:3px; color:#64748b; font-size:12px; }
.control-safety-note, .profile-review-note, .project-review-note { display:grid; gap:4px; padding:14px 16px; border:1px solid #efd49c; border-radius:12px; background:#fff9e8; color:#6d4a00; }
.control-safety-note strong, .profile-review-note strong, .project-review-note strong { font-size:13px; }
.control-safety-note span, .profile-review-note span, .project-review-note span { font-size:13px; }
.control-safety-note small, .profile-review-note small, .project-review-note small { color:#7a5b18; font-size:12px; }
.admin-policy-list { margin:0; padding-left:20px; color:#475569; }
.admin-policy-list li { margin:0 0 9px; }
@media (max-width: 991px) { .admin-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .admin-summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .admin-detail-stat-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .taxonomy-row { grid-template-columns:1fr 1fr; } .taxonomy-row .form-check { grid-column:span 2; } }
@media (max-width: 767px) { .member-summary-grid { grid-template-columns:1fr; } .member-summary-grid .admin-summary-value { white-space:normal; } }
@media (max-width: 575px) { .admin-ops-top, .admin-pagination { display:block; } .admin-period-note { margin-top:8px; } .admin-metric-grid, .admin-detail-stat-grid { grid-template-columns:1fr 1fr; } .admin-table { min-width:720px; } .admin-mini-dl { grid-template-columns:1fr; gap:3px; } .admin-mini-dl dd { margin-bottom:9px; } }


/* Package 13 — public SEO discovery and editorial landing pages */
.seo-hero { padding: 4.75rem 0 3.75rem; background: linear-gradient(135deg, #f7fbff 0%, #eef4ff 100%); border-bottom: 1px solid #e7edf5; }
.seo-hero-inner { max-width: 900px; }
.seo-hero h1 { max-width: 820px; margin: .85rem 0 1.15rem; font-size: clamp(2.25rem, 4vw, 4rem); letter-spacing: -.045em; }
.seo-hero p { max-width: 770px; color: #516174; font-size: 1.1rem; line-height: 1.75; }
.seo-breadcrumbs { margin-bottom: 1.5rem; font-size: .86rem; color: #607085; }
.seo-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.seo-breadcrumbs li + li::before { content: '/'; margin-right: .35rem; color: #9aa7b8; }
.seo-breadcrumbs a { color: inherit; text-decoration: none; }
.seo-breadcrumbs a:hover { color: var(--bs-primary); text-decoration: underline; }
.seo-result-row { display: flex; gap: 1.5rem; justify-content: space-between; align-items: end; margin-bottom: 1.75rem; }
.seo-result-row h2 { margin: .35rem 0 0; letter-spacing: -.03em; }
.seo-result-row > span { max-width: 290px; color: #6d7a8a; font-size: .92rem; text-align: right; }
.seo-empty-state { padding: 2.25rem; border: 1px dashed #cfd9e5; background: #fbfdff; border-radius: 1.25rem; color: #536276; }
.seo-empty-state strong { display: block; color: #172334; margin-bottom: .5rem; }
.seo-empty-state p { margin-bottom: 1rem; }
.seo-related { padding-top: .5rem; }
.seo-related h2 { font-size: 1.45rem; margin-bottom: 1rem; }
.seo-link-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; }
.seo-link-grid a { border: 1px solid #dce5ef; background: #fff; padding: 1rem; border-radius: .85rem; color: #1f2b3a; text-decoration: none; display: flex; justify-content: space-between; gap: .5rem; }
.seo-link-grid a:hover { border-color: #88b5ff; box-shadow: 0 10px 25px rgba(20, 75, 150, .08); }
.seo-content-card, .seo-trust-card { background: #fff; border: 1px solid #e1e8f0; border-radius: 1.15rem; padding: 1.6rem; height: 100%; }
.seo-content-card h2, .seo-trust-card strong { color: #152335; }
.seo-body-copy { color: #536276; line-height: 1.8; white-space: normal; }
.seo-trust-card { background: #f8fbff; }
.seo-trust-card p { color: #59697c; margin: .65rem 0 0; line-height: 1.65; }
@media (max-width: 991.98px) { .seo-link-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .seo-hero { padding: 3.5rem 0 2.75rem; } .seo-result-row { align-items: flex-start; flex-direction: column; gap: .5rem; } .seo-result-row > span { text-align: left; } .seo-link-grid { grid-template-columns: 1fr; } }

/* Package 14 — service packages and booking requests */
.package-card { border:1px solid rgba(15,23,42,.08); min-height:100%; }
.package-meta { display:flex; flex-direction:column; gap:.2rem; margin-top:1rem; }
.package-meta strong { font-size:1.05rem; }
.quote-fact { text-align:right; display:flex; flex-direction:column; gap:.2rem; }
.quote-fact strong { font-size:1.25rem; }
@media (max-width:767px){ .quote-fact { text-align:left; } }


/* Package 15 — launch readiness, accessibility and mobile reliability */
.skip-link { position:fixed; z-index:3000; top:10px; left:10px; transform:translateY(-160%); padding:.75rem 1rem; border-radius:10px; color:#fff; background:#0f172a; box-shadow:0 8px 24px rgba(15,23,42,.28); font-weight:800; text-decoration:none; }
.skip-link:focus { transform:translateY(0); color:#fff; }
:focus-visible { outline:3px solid #1d6ee8 !important; outline-offset:3px; }
.security-panel { max-width:900px; }
.security-code-input { letter-spacing:.35em; font-size:1.35rem; font-weight:800; text-align:center; }
.launch-check-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.launch-check { display:flex; align-items:flex-start; gap:10px; padding:13px; border:1px solid var(--line); border-radius:13px; background:#fff; }
.launch-check.is-ok { border-color:#bfe9d3; background:#f5fff9; }
.launch-check.is-warning { border-color:#efd49c; background:#fffaf0; }
.launch-check-mark { display:grid; place-items:center; width:25px; height:25px; flex:0 0 25px; border-radius:999px; font-weight:900; }
.is-ok .launch-check-mark { color:#fff; background:#1d8a57; }
.is-warning .launch-check-mark { color:#7a4f00; background:#ffe7a5; }
.launch-check strong, .launch-check small { display:block; }
.launch-check small { margin-top:3px; color:#64748b; font-size:12px; overflow-wrap:anywhere; }
.launch-tasks { display:grid; gap:8px; }
.launch-task { display:flex; align-items:flex-start; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }
.launch-task:last-child { border-bottom:0; }
.launch-task.is-complete span { color:#537067; text-decoration:line-through; }
.launch-task-toggle { width:30px; height:30px; flex:0 0 30px; border:1px solid #c8d3df; border-radius:50%; color:#32506f; background:#fff; font-weight:900; line-height:1; }
.launch-task.is-complete .launch-task-toggle { color:#fff; border-color:#19724b; background:#19724b; }
.launch-task span { padding-top:4px; color:#27364a; font-size:14px; }
.launch-flag-summary { display:flex; align-items:baseline; gap:8px; padding:13px 0; }
.launch-flag-summary strong { color:#0f172a; font-size:2rem; letter-spacing:-.05em; }
.launch-flag-summary span { color:#64748b; font-size:13px; font-weight:700; }
.launch-metric-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media (max-width: 991px) { .launch-check-grid { grid-template-columns:1fr; } .launch-metric-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:575px) { .launch-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .security-code-input { letter-spacing:.25em; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }