@charset "UTF-8";

:root {
  --ink: #111827;
  --ink-soft: #475569;
  --muted: #64748b;
  --line: #dfe6ef;
  --line-strong: #ccd7e5;
  --surface: #ffffff;
  --surface-soft: #f6f8fb;
  --surface-blue: #eef5ff;
  --blue: #0b63f6;
  --blue-dark: #0648ba;
  --navy: #0b1322;
  --green: #078354;
  --red: #b42318;
  --orange: #b45309;
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 24px;
  --shadow: 0 12px 36px rgba(15, 36, 67, .08);
  --shadow-lg: 0 28px 72px rgba(15, 36, 67, .14);
  --content: 1240px;
  --font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--surface-soft); font-family: var(--font); font-size: 16px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
body, button, input, select, textarea { font-family: var(--font); }
a { color: inherit; text-decoration: none; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.1; letter-spacing: -.035em; }
p { color: var(--ink-soft); }
code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.site-main { min-height: calc(100vh - 170px); }
.site-header, .pm-nav { position: sticky; z-index: 100; top: 0; display: flex; align-items: center; min-height: 76px; padding: 0 max(24px, calc((100vw - var(--content)) / 2)); border-bottom: 1px solid rgba(204, 215, 229, .75); background: rgba(255, 255, 255, .94); backdrop-filter: blur(18px); }
.logo { display: inline-flex; align-items: center; gap: 11px; font-size: 20px; letter-spacing: -.03em; }
.logo svg { width: 34px; height: 34px; fill: none; stroke: var(--blue); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.site-navigation { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.site-navigation > a, .nav-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 13px; border: 0; border-radius: 10px; color: #334155; background: transparent; font-size: 14px; font-weight: 700; }
.site-navigation > a:hover, .site-navigation > a[aria-current="page"], .nav-link:hover { color: var(--blue); background: var(--surface-blue); }
.site-navigation form { margin: 0; }
.nav-cta { color: #fff !important; background: var(--navy) !important; padding-inline: 18px !important; }
.nav-cta:hover { background: #17233a !important; }
.nav-toggle { display: none; align-items: center; justify-content: center; width: 46px; height: 42px; margin-left: auto; padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: #fff; }
.nav-toggle span { display: block; width: 21px; height: 2px; border-radius: 2px; background: var(--ink); }
.nav-toggle span + span { margin-top: 4px; }
.nav-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

.button { position: relative; display: inline-flex; overflow: hidden; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border: 1px solid var(--blue); border-radius: 12px; color: #fff; background: var(--blue); font-size: 14px; font-weight: 800; box-shadow: 0 8px 20px rgba(11, 99, 246, .17); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button::after { position: absolute; inset: -80% auto -80% -35%; width: 24%; background: rgba(255,255,255,.25); content: ""; transform: rotate(18deg) translateX(-250%); transition: transform .55s ease; }
.button:hover::after { transform: rotate(18deg) translateX(750%); }
.button:hover { transform: translateY(-1px); background: var(--blue-dark); box-shadow: 0 12px 28px rgba(11, 99, 246, .24); }
.button.ghost, .button.secondary { border-color: var(--line-strong); color: var(--ink); background: #fff; box-shadow: none; }
.button.ghost:hover, .button.secondary:hover { color: var(--blue); border-color: #9fc1fb; background: var(--surface-blue); }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid rgba(11,99,246,.28); outline-offset: 3px; }
.eyebrow { display: inline-block; color: var(--blue); font-size: 12px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.alert, .pm-alert, .pm-error { padding: 12px 14px; border: 1px solid #fecaca; border-radius: var(--radius-sm); color: #991b1b; background: #fff1f2; font-size: 14px; }
.muted { color: var(--muted); font-size: 14px; }
.empty { display: grid; place-items: center; min-height: 62vh; padding: 40px 20px; text-align: center; }
.empty > span { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: 18px; border-radius: 18px; color: var(--red); background: #fee2e2; font-size: 24px; font-weight: 900; }

/* Public home */
.hero { position: relative; isolation: isolate; overflow: hidden; padding: 96px 24px 72px; text-align: center; background: #fff; }
.hero::before { position: absolute; z-index: -1; top: -320px; left: 50%; width: 920px; height: 720px; border-radius: 50%; background: radial-gradient(circle, rgba(73, 139, 255, .18), rgba(73, 139, 255, 0) 68%); content: ""; transform: translateX(-50%); }
.hero h1 { max-width: 1000px; margin: 19px auto 20px; font-size: clamp(44px, 6.2vw, 82px); letter-spacing: -.065em; }
.hero h1 em { color: var(--blue); font-style: normal; }
.hero > p { max-width: 690px; margin: 0 auto; color: #40516b; font-size: clamp(17px, 2vw, 21px); }
.hero .actions { display: flex; justify-content: center; gap: 12px; margin: 30px 0 44px; }
.address-card { display: grid; grid-template-columns: 52px 1fr auto; align-items: center; gap: 18px; width: min(700px, 100%); margin: 0 auto; padding: 20px 24px; border: 1px solid #d9e5f6; border-radius: 20px; background: rgba(255,255,255,.96); box-shadow: var(--shadow-lg); text-align: left; }
.mail-symbol { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 14px; color: var(--blue); background: var(--surface-blue); font-size: 24px; }
.address-card strong { min-width: 0; overflow: hidden; font-size: clamp(20px, 3vw, 31px); letter-spacing: -.045em; text-overflow: ellipsis; }
.address-card strong em { color: var(--blue); font-style: normal; }
.address-card i { color: var(--green); font-size: 14px; font-style: normal; white-space: nowrap; }
.address-card i b { display: inline-grid; width: 24px; height: 24px; place-items: center; margin-right: 5px; border: 2px solid currentColor; border-radius: 50%; }
.section { width: min(var(--content), calc(100% - 48px)); margin: 0 auto; padding: 88px 0; }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 32px; }
.section-head.centered { display: block; text-align: center; }
.section-head h2 { margin: 8px 0 0; font-size: clamp(32px, 4vw, 48px); }
.section-head > p { max-width: 520px; margin: 0; }
.section-head.centered > p { max-width: 650px; margin: 15px auto 0; }
.brand-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.brand { position: relative; display: flex; align-items: flex-start; gap: 18px; min-width: 0; overflow: hidden; padding: 25px; border: 1px solid var(--line); border-bottom: 4px solid var(--accent); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); transition: transform .25s ease, box-shadow .25s ease; }
.brand:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
.brand-art { flex: 0 0 78px; width: 78px; height: 78px; border-radius: 20px; object-fit: cover; }
.brand-fallback { display: grid; place-items: center; color: #fff; background: var(--accent); font-size: 30px; font-weight: 900; }
.brand[data-domain="heimat.email"] { background: linear-gradient(135deg, #fff 68%, rgba(22,132,89,.07)); }
.brand[data-domain="cercle.email"] { background: linear-gradient(135deg, #fff 68%, rgba(113,87,245,.07)); }
.brand-copy { min-width: 0; }
.brand-copy > span { color: var(--muted); font-size: 13px; font-weight: 750; }
.brand h3 { margin: 4px 0 15px; font-size: clamp(22px, 2.3vw, 30px); white-space: nowrap; }
.brand h3 em { color: var(--accent); font-style: normal; }
.brand ul { display: grid; gap: 8px; margin: 0 0 18px; padding: 0; color: var(--ink-soft); font-size: 14px; list-style: none; }
.brand li::before { margin-right: 8px; color: var(--accent); content: "✓"; font-weight: 900; }
.brand a { color: var(--accent); font-size: 14px; font-weight: 850; }
.trust { display: grid; grid-template-columns: .82fr 1.4fr; gap: 70px; padding: 88px max(24px, calc((100vw - var(--content)) / 2)); color: #fff; background: var(--navy); }
.trust h2 { margin: 10px 0 20px; font-size: clamp(38px, 5vw, 62px); }
.trust > div > p { color: #a9b5c8; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.trust-grid article { padding: 25px; border: 1px solid #26344c; border-radius: 18px; background: #111d31; }
.trust-grid article > b { color: #72a8ff; font-size: 12px; }
.trust-grid h3 { margin: 28px 0 10px; font-size: 21px; }
.trust-grid p { margin: 0; color: #a9b5c8; font-size: 14px; }
.plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; align-items: stretch; }
.plans article { display: flex; flex-direction: column; padding: 30px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); }
.plans article.featured { color: #fff; border-color: var(--navy); background: var(--navy); transform: translateY(-8px); }
.plans article > span { color: var(--blue); font-size: 13px; font-weight: 850; text-transform: uppercase; }
.plans h3 { margin: 16px 0 12px; font-size: 38px; }
.plans h3 small { font-size: 14px; font-weight: 600; }
.plans p { flex: 1; }
.plans .featured p { color: #b7c1d0; }
.plans .featured .button { border-color: #fff; color: var(--navy); background: #fff; }
.final-cta { margin-top: 40px; padding: 90px 24px; color: #fff; background: linear-gradient(130deg, #0759dd, #0b73ff); text-align: center; }
.final-cta .eyebrow { color: #c8dcff; }
.final-cta h2 { margin: 12px 0 30px; font-size: clamp(40px, 6vw, 68px); }
.final-cta .button { border-color: #fff; color: var(--navy); background: #fff; }

/* Forms and account pages */
.auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 470px); align-items: center; gap: clamp(45px, 9vw, 130px); width: min(1050px, calc(100% - 48px)); min-height: calc(100vh - 76px); margin: 0 auto; padding: 64px 0; }
.auth-copy h1 { margin: 12px 0 22px; font-size: clamp(45px, 6vw, 70px); }
.auth-copy p { max-width: 490px; font-size: 18px; }
.panel, .settings-panel, .builder-card, .builder-block, .case-card { border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); }
.auth .panel { padding: clamp(25px, 4vw, 38px); }
.panel h2 { margin-bottom: 25px; font-size: 29px; }
label { display: block; color: #334155; font-size: 14px; font-weight: 750; }
label + label { margin-top: 15px; }
input, select, textarea { width: 100%; min-height: 46px; margin-top: 7px; padding: 10px 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); color: var(--ink); background: #fbfcfe; outline: 0; transition: border-color .18s ease, box-shadow .18s ease, background .18s ease; }
textarea { min-height: 120px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: #6a9ff7; background: #fff; box-shadow: 0 0 0 4px rgba(11, 99, 246, .1); }
input[type="checkbox"], input[type="radio"] { width: 17px; min-height: 17px; margin: 0; padding: 0; accent-color: var(--blue); }
label small { display: block; margin-top: 5px; color: var(--muted); font-size: 12px; font-weight: 500; }
.panel > .button, .auth form > .button { width: 100%; margin-top: 22px; }
.form-aside { margin-top: 10px; text-align: right; }
.form-aside a, .muted a { color: var(--blue); font-weight: 750; }
.auth .muted { margin: 18px 0 0; text-align: center; line-height: 1.9; }
.address-fields { display: grid; grid-template-columns: 1.3fr 1fr; gap: 9px; margin-bottom: 18px; }
.address-fields input, .address-fields select { margin-top: 0; }
.account-hint { margin: 15px 0; padding: 13px; border-radius: var(--radius-sm); color: #1e4e91; background: var(--surface-blue); font-size: 14px; }
.security-orb, .feature-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; color: var(--blue); background: var(--surface-blue); font-weight: 900; }
.otp-input { height: 62px; text-align: center; font-size: 30px; font-weight: 850; letter-spacing: .26em; font-variant-numeric: tabular-nums; }
.message-stage { display: grid; min-height: calc(100vh - 76px); place-items: center; padding: 50px 20px; background: radial-gradient(circle at 50% 35%, #dceaff, transparent 48%); }
.message-card { width: min(570px, 100%); padding: clamp(30px, 6vw, 52px); border: 1px solid var(--line); border-radius: 28px; background: #fff; box-shadow: var(--shadow-lg); text-align: center; }
.message-card h1 { margin: 14px 0; font-size: clamp(34px, 5vw, 48px); }
.message-card p { margin-bottom: 27px; }
.success-burst { position: relative; display: grid; width: 76px; height: 76px; margin: 0 auto 18px; place-items: center; }
.success-burst span { display: grid; width: 64px; height: 64px; place-items: center; border-radius: 20px; color: #fff; background: var(--blue); box-shadow: 0 15px 32px rgba(11,99,246,.28); font-size: 28px; font-weight: 900; }
.success-burst i { display: none; }

/* Member and control workspaces */
.workspace { display: grid; grid-template-columns: 270px minmax(0, 1fr); min-height: calc(100vh - 76px); }
.workspace-nav { position: sticky; top: 76px; display: flex; flex-direction: column; height: calc(100vh - 76px); padding: 25px 18px; border-right: 1px solid var(--line); background: #fff; }
.workspace-user { display: flex; align-items: center; gap: 12px; padding: 5px 9px 22px; }
.workspace-user > span, .request-avatar { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: #fff; background: var(--blue); font-weight: 850; }
.workspace-user div, .control-brand div { display: flex; min-width: 0; flex-direction: column; }
.workspace-user small, .control-brand small { color: var(--muted); font-size: 12px; }
.workspace-nav nav { display: grid; gap: 4px; overflow: auto; }
.workspace-nav nav a { display: flex; align-items: center; gap: 11px; min-height: 43px; padding: 0 12px; border-radius: 10px; color: #556278; font-size: 14px; font-weight: 750; }
.workspace-nav nav a:hover, .workspace-nav nav a.active { color: var(--blue); background: var(--surface-blue); }
.workspace-nav nav a i { width: 20px; color: inherit; font-style: normal; text-align: center; }
.workspace-nav nav a b { margin-left: auto; padding: 2px 7px; border-radius: 20px; color: #fff; background: var(--red); font-size: 11px; }
.workspace-help, .node-state { margin-top: auto; padding: 17px; border-radius: var(--radius); color: #fff; background: var(--navy); }
.workspace-help { display: grid; gap: 6px; }
.workspace-help span, .node-state span { color: #aeb9ca; font-size: 12px; }
.workspace-help a { color: #86b3ff; font-size: 13px; font-weight: 800; }
.workspace-main { min-width: 0; padding: 42px clamp(24px, 4vw, 58px) 75px; }
.workspace-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 30px; }
.workspace-top h1 { margin: 8px 0; font-size: clamp(36px, 4.5vw, 54px); }
.workspace-top p { margin: 0; }
.top-actions, .card-actions { display: flex; gap: 9px; }
.command { min-height: 46px; padding: 0 16px; border: 1px solid var(--line); border-radius: 12px; color: var(--ink-soft); background: #fff; font-weight: 750; }
.quick-strip, .ops-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 42px; }
.quick-strip article, .ops-stats article { position: relative; display: flex; align-items: center; gap: 13px; min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.quick-icon { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: 13px; color: var(--blue); background: var(--surface-blue); }
.quick-icon.healthy { color: var(--green); background: #eaf8f1; }
.quick-strip article div, .ops-stats article div { display: flex; min-width: 0; flex-direction: column; }
.quick-strip small, .ops-stats span, .ops-stats small { color: var(--muted); font-size: 12px; }
.quick-strip strong { font-size: 22px; }
.content-heading { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin: 42px 0 18px; }
.content-heading h2 { margin: 6px 0 0; font-size: 30px; }
.content-heading > span { max-width: 460px; color: var(--muted); font-size: 13px; text-align: right; }
.mailbox-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.mailbox { position: relative; overflow: hidden; padding: 24px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); }
.mailbox::before { position: absolute; top: 0; right: 0; left: 0; height: 4px; background: var(--accent); content: ""; }
.mailbox header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; }
.mail-brand, .mail-dot { display: grid; place-items: center; color: #fff; }
.mail-brand { width: 42px; height: 42px; border-radius: 13px; }
.status { padding: 5px 9px; border-radius: 20px; color: var(--green); background: #eaf8f1; font-size: 11px; font-weight: 850; }
.status.pending, .status.approved { color: var(--orange); background: #fff4e5; }
.status.suspended, .status.failed { color: var(--red); background: #fff0ef; }
.mailbox > span { color: var(--muted); font-size: 13px; }
.mailbox h2 { margin: 5px 0 20px; overflow-wrap: anywhere; font-size: clamp(22px, 3vw, 30px); }
.meter { height: 7px; overflow: hidden; border-radius: 20px; background: #edf1f6; }
.meter i { display: block; height: 100%; border-radius: inherit; background: var(--accent); }
.mail-meta { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; color: var(--muted); font-size: 12px; }
.activate { display: grid; gap: 10px; margin-top: 20px; }
.activate .button { margin-top: 5px; }
.card-actions { align-items: center; margin-top: 20px; }
.card-actions a { display: inline-flex; min-height: 40px; align-items: center; padding: 0 13px; border: 1px solid var(--line); border-radius: 9px; font-size: 13px; font-weight: 800; }
.mini-primary { color: #fff !important; border-color: var(--navy) !important; background: var(--navy); }
.state-copy { margin: 18px 0 0; font-size: 13px; }
.member-section { margin-top: 58px; }
.alias-layout { display: grid; grid-template-columns: minmax(0, 1fr) 350px; gap: 17px; }
.alias-list, .empty-state { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.alias-list > article { display: flex; align-items: center; gap: 12px; padding: 16px 19px; border-bottom: 1px solid #ebeff5; }
.alias-list > article:last-child { border-bottom: 0; }
.alias-list > article > span { display: grid; flex: 0 0 36px; height: 36px; place-items: center; border-radius: 11px; color: var(--blue); background: var(--surface-blue); }
.alias-list article div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.alias-list small { color: var(--muted); }
.mini-action { min-height: 32px; padding: 0 9px; border: 1px solid var(--line-strong); border-radius: 8px; color: #334155; background: #fff; font-size: 11px; font-weight: 800; }
.mini-action.danger { color: var(--red); border-color: #f1c5c1; }
.empty-state { padding: 42px 25px; text-align: center; }
.empty-state > span { display: grid; width: 48px; height: 48px; margin: 0 auto 13px; place-items: center; border-radius: 14px; color: var(--blue); background: var(--surface-blue); font-size: 22px; }
.security-card { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 58px; padding: 28px; border-radius: var(--radius-lg); color: #fff; background: var(--navy); }
.security-card > div { display: flex; align-items: center; gap: 18px; }
.security-mark { display: grid; flex: 0 0 54px; width: 54px; height: 54px; place-items: center; border-radius: 16px; color: #87b4ff; background: #17243a; font-size: 25px; }
.security-card h2 { margin: 5px 0; }
.security-card p { margin: 0; color: #aeb9ca; }
.settings-hub { margin-left: 270px; padding: 1px clamp(24px, 4vw, 58px) 70px; }
.settings-grid, .billing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.settings-panel { display: flex; min-width: 0; flex-direction: column; gap: 11px; padding: 23px; }
.settings-panel h3 { margin: 0; font-size: 19px; }
.settings-panel p, .settings-panel small { margin: 0; }
.settings-panel .button { margin-top: auto; }
.settings-panel code { display: block; overflow: auto; padding: 11px 12px; border-radius: 9px; color: #1d4f91; background: var(--surface-blue); font-size: 13px; }
.switch-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.switch-grid label, .switch-row { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 9px; background: #fafcff; }
.rule-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; }
.rule-list form { margin: 0; }
.rule-list span, .rule-list > div { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 10px; font-size: 12px; }
.rule-list .blocked { color: var(--red); background: #fff0ef; }
.rule-list .allowed { color: var(--green); background: #eaf8f1; }
.rule-list button { padding: 0; border: 0; color: inherit; background: transparent; font-size: 17px; }
.billing-grid { align-items: stretch; }
.balance-card { display: flex; flex-direction: column; justify-content: center; padding: 30px; border-radius: var(--radius-lg); color: #fff; background: linear-gradient(135deg, #0b1322, #173157); }
.balance-card span { color: #aebbd0; font-size: 13px; }
.balance-card strong { margin: 8px 0; font-size: 45px; }
.balance-card small { color: #aebbd0; }
.topup-options { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.topup-options label { display: flex; align-items: center; gap: 7px; padding: 10px; border: 1px solid var(--line); border-radius: 9px; }
.ledger-list { margin-top: 17px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.ledger-list article { display: flex; align-items: center; gap: 12px; padding: 15px 19px; border-bottom: 1px solid #ebeff5; }
.ledger-list article:last-child { border-bottom: 0; }
.ledger-list article > div { display: flex; flex: 1; flex-direction: column; }
.ledger-list small { color: var(--muted); }
.ledger-icon { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; font-weight: 900; }
.ledger-icon.plus { color: var(--green); background: #eaf8f1; }
.ledger-icon.minus { color: var(--red); background: #fff0ef; }

/* Control room */
.workspace-nav.dark { color: #fff; border-color: #1a2940; background: var(--navy); }
.control-brand { display: flex; align-items: center; gap: 11px; padding: 4px 8px 24px; color: #fff; }
.control-brand > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: var(--blue); font-weight: 900; }
.workspace-nav.dark nav a { color: #9cabc1; }
.workspace-nav.dark nav a:hover, .workspace-nav.dark nav a.active { color: #fff; background: #17243a; }
.node-state { display: flex; align-items: center; gap: 10px; background: #111e33; }
.node-state > i { width: 9px; height: 9px; border-radius: 50%; background: #19b979; box-shadow: 0 0 0 5px rgba(25,185,121,.13); }
.node-state div { display: flex; flex-direction: column; }
.ops-stats { grid-template-columns: repeat(4, 1fr); }
.ops-stats article { display: block; }
.ops-stats strong { display: block; margin: 4px 0; font-size: 34px; }
.ops-stats article > i { position: absolute; top: 16px; right: 16px; display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--blue); background: var(--surface-blue); font-style: normal; }
.ops-stats .attention > i { color: var(--orange); background: #fff4e5; }
.ops-panel { margin-bottom: 17px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.ops-panel > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 23px; border-bottom: 1px solid #ebeff5; }
.ops-panel > header h2, .form-panel h2 { margin: 5px 0 0; font-size: 24px; }
.ops-panel > header > a { color: var(--blue); font-size: 13px; font-weight: 800; }
.approval-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.approval-grid form { display: flex; align-items: center; gap: 12px; padding: 17px 21px; border-bottom: 1px solid #ebeff5; }
.approval-grid form:nth-child(odd) { border-right: 1px solid #ebeff5; }
.approval-grid form > div:nth-child(4), .approval-grid form > div:nth-child(3) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.approval-grid form span { color: var(--muted); font-size: 12px; }
.approval-grid .button { min-height: 38px; padding-inline: 13px; }
.domain-ops-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; padding: 19px; }
.domain-ops-grid article { padding: 17px; border: 1px solid var(--line); border-top: 4px solid var(--accent); border-radius: var(--radius); }
.domain-top { display: flex; align-items: center; gap: 10px; }
.domain-dot { width: 11px; height: 11px; border-radius: 50%; background: var(--accent); }
.domain-top div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.domain-top small { color: var(--muted); }
.health-ring { padding: 5px 7px; border-radius: 8px; background: #edf1f6; font-size: 11px; font-style: normal; }
.dns-row { display: flex; gap: 5px; margin: 15px 0; }
.dns-row span { padding: 4px 6px; border-radius: 6px; color: #8793a6; background: #eef1f5; font-size: 10px; font-weight: 850; }
.dns-row span.ok { color: var(--green); background: #eaf8f1; }
.domain-ops-grid form { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.domain-ops-grid select { min-width: 0; min-height: 38px; margin: 0; padding: 7px; font-size: 12px; }
.domain-ops-grid button { grid-column: 1 / -1; min-height: 36px; border: 0; border-radius: 8px; color: #fff; background: var(--navy); font-size: 12px; font-weight: 800; }
.split-ops { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.compact-list article { display: flex; align-items: center; gap: 11px; padding: 14px 19px; border-bottom: 1px solid #ebeff5; }
.compact-list article:last-child { border-bottom: 0; }
.mail-dot { flex: 0 0 35px; width: 35px; height: 35px; border-radius: 10px; }
.compact-list article > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.compact-list small { color: var(--muted); overflow-wrap: anywhere; }
.compact-list em { padding: 4px 7px; border-radius: 20px; color: var(--green); background: #eaf8f1; font-size: 10px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.compact-list em.suspended, .compact-list em.failed { color: var(--red); background: #fff0ef; }
.compact-list form { margin: 0; }
.compact-list form button { min-height: 32px; border: 0; background: transparent; }
.control-extras .compact-list article { flex-wrap: wrap; }
.timeline { padding: 13px 21px; }
.timeline article { display: flex; gap: 11px; padding: 9px 0; }
.timeline article > i { width: 8px; height: 8px; margin-top: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px var(--surface-blue); }
.timeline article div { display: flex; flex-direction: column; }
.timeline span { color: var(--muted); font-size: 12px; }
.form-panel { padding: 24px; }
.form-panel > p { font-size: 13px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 10px; }
.forms-row { align-items: start; }
.control-extras { padding-top: 8px; }
.invite-reveal { display: flex; align-items: center; gap: 12px; padding: 17px 20px; border-radius: var(--radius); color: #fff; background: var(--navy); }
.invite-reveal code { padding: 8px 10px; border-radius: 8px; color: #9fc2ff; background: #172943; }
.invite-reveal small { margin-left: auto; color: #aeb9ca; }
.page-manager-list { display: flex; flex-direction: column; }
.page-manager-list > a, .staff-row { display: flex; align-items: center; gap: 11px; padding: 12px 0; border-bottom: 1px solid #ebeff5; }
.page-manager-list > a:last-child, .staff-row:last-child { border-bottom: 0; }
.page-manager-list > a > div, .staff-row > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.page-manager-list small, .staff-row small { color: var(--muted); }
.page-manager-list em { font-size: 11px; font-style: normal; font-weight: 800; }
.page-manager-list .page-status { width: 9px; height: 9px; border-radius: 50%; background: #aeb8c6; }
.page-manager-list .page-status.published { background: #12a66a; box-shadow: 0 0 0 4px rgba(18,166,106,.12); }
.staff-reset summary { color: var(--blue); cursor: pointer; font-size: 12px; font-weight: 800; }
.staff-reset form { display: flex; gap: 6px; margin-top: 8px; }
.staff-reset input { min-height: 36px; margin: 0; padding: 6px 8px; font-size: 12px; }
.job-list { display: flex; flex-direction: column; }
.job-list article { display: flex; align-items: center; gap: 11px; padding: 12px 3px; border-bottom: 1px solid #ebeff5; }
.job-list article > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.job-list small { overflow: hidden; color: var(--muted); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.job-list em { font-size: 10px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.job-state { width: 9px; height: 9px; border-radius: 50%; background: #aeb8c6; }
.job-state.done, .job-state.sent { background: #0ba66a; box-shadow: 0 0 0 4px #daf6e9; }
.job-state.pending, .job-state.running { background: #f0a128; box-shadow: 0 0 0 4px #fff1d8; }
.job-state.failed { background: #dd3d3d; box-shadow: 0 0 0 4px #fee4e4; }
.scheduler-card code { word-break: break-all; }
form[action="/control/invitations"] label:has(select[name="brand_id"]) { display: none; }

/* Page builder and CMS */
.builder-shell { display: grid; grid-template-columns: 270px minmax(0, 1fr); min-height: calc(100vh - 76px); }
.builder-rail { position: sticky; top: 76px; height: calc(100vh - 76px); padding: 32px 24px; color: #fff; background: var(--navy); }
.builder-rail > a { color: #9faec4; font-size: 13px; }
.builder-rail .eyebrow { margin-top: 45px; }
.builder-rail h1 { margin: 8px 0 26px; overflow-wrap: anywhere; font-size: 28px; }
.builder-rail nav { display: grid; gap: 5px; }
.builder-rail nav a { padding: 10px 11px; border-radius: 9px; color: #9faec4; }
.builder-rail nav a:hover { color: #fff; background: #17243a; }
.builder-state { position: absolute; right: 24px; bottom: 28px; left: 24px; padding: 9px; border-radius: 9px; color: #c2cad5; background: #18253a; font-size: 12px; font-weight: 800; text-align: center; }
.builder-state.published { color: #83e2bb; background: #12382d; }
.builder-main { width: min(1080px, 100%); padding: 42px clamp(22px, 5vw, 65px) 80px; }
.builder-main > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 24px; }
.builder-main > header h2 { margin: 7px 0; font-size: clamp(34px, 4vw, 46px); }
.builder-main > header p { margin: 0; }
.builder-card { margin-bottom: 17px; padding: 23px; }
.builder-heading { margin: 38px 0 15px; }
.builder-heading h2 { margin: 5px 0 0; }
.builder-block { margin-bottom: 14px; overflow: hidden; }
.builder-block > header { display: flex; align-items: center; gap: 12px; padding: 15px 19px; border-bottom: 1px solid #ebeff5; background: #fafbfd; }
.block-number { display: grid; flex: 0 0 34px; width: 34px; height: 34px; place-items: center; border-radius: 10px; color: var(--blue); background: var(--surface-blue); font-size: 11px; font-weight: 900; }
.builder-block > header > div:nth-child(2) { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.builder-block small { color: var(--muted); }
.block-actions { display: flex; gap: 6px; }
.block-actions form { display: flex; }
.block-actions button { min-width: 32px; height: 32px; border: 1px solid var(--line); background: #fff; }
.block-actions .danger { color: var(--red); }
.block-editor { display: grid; gap: 13px; padding: 19px; }
.block-editor button, .version-list button { justify-self: start; min-height: 38px; padding: 0 13px; border: 0; border-radius: 9px; color: #fff; background: var(--navy); font-size: 13px; font-weight: 800; }
.check-line { display: flex; align-items: center; gap: 8px; padding-top: 30px; }
.version-list { display: flex; flex-wrap: wrap; gap: 9px; }
.version-list form { display: flex; align-items: center; gap: 8px; padding: 9px; border: 1px solid var(--line); border-radius: 11px; }
.version-list span { display: flex; flex-direction: column; }
.version-list small { color: var(--muted); }
.cms-page { width: min(940px, calc(100% - 40px)); margin: 0 auto; padding: 65px 0 90px; }
.cms-hero { margin-bottom: 42px; padding: clamp(38px, 7vw, 72px); border-radius: 28px; color: #fff; background: var(--navy); }
.cms-hero h1 { margin: 12px 0; font-size: clamp(42px, 7vw, 72px); }
.cms-hero p { margin: 0; color: #b4c0d1; font-size: 18px; }
.cms-copy, .cms-heading, .cms-callout, .cms-faq { width: min(760px, 100%); margin: 28px auto; }
.cms-copy p, .cms-heading p, .cms-callout p, .cms-faq p { line-height: 1.8; white-space: normal; }
.cms-callout { padding: 20px 22px; border-left: 4px solid var(--blue); border-radius: 0 14px 14px 0; background: var(--surface-blue); }
.cms-faq { padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.cms-faq summary { cursor: pointer; font-weight: 850; }
.cms-contact { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 45px; padding: 30px; border-radius: 22px; background: #eaf2ff; }
.cms-contact p { margin: 0; }

/* Postmaster and abuse */
.postmaster-body { color: #182235; background: #f2f5f9; }
.pm-nav { color: #fff; border-color: #1b2a41; background: rgba(11, 19, 34, .97); }
.pm-logo { display: flex; align-items: center; gap: 10px; }
.pm-logo > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: var(--blue); font-weight: 900; }
.pm-logo div { display: flex; flex-direction: column; }
.pm-logo small { color: #91a0b6; font-size: 11px; }
.pm-nav .site-navigation > a, .pm-nav .nav-link { color: #b4c0d0; }
.pm-nav .site-navigation > a:hover, .pm-nav .site-navigation > a[aria-current="page"], .pm-nav .nav-link:hover { color: #fff; background: #17243a; }
.pm-main { min-height: calc(100vh - 150px); }
.pm-hero { padding: 86px max(24px, calc((100vw - 1120px) / 2)); color: #fff; background: radial-gradient(circle at 80% 20%, #17355f, transparent 40%), var(--navy); }
.pm-hero.compact { padding-block: 60px; }
.pm-hero > span { color: #7eb0ff; font-size: 12px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.pm-hero h1 { max-width: 850px; margin: 12px 0 18px; font-size: clamp(42px, 6vw, 70px); }
.pm-hero p { max-width: 690px; margin: 0; color: #b2bfd1; font-size: 18px; }
.hero-actions { display: flex; gap: 10px; margin-top: 28px; }
.hero-actions a, .export-actions a { display: inline-flex; min-height: 42px; align-items: center; padding: 0 14px; border: 1px solid #31435e; border-radius: 10px; color: #dce6f5; font-size: 13px; font-weight: 800; }
.hero-actions a:first-child { border-color: var(--blue); color: #fff; background: var(--blue); }
.pm-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; width: min(1120px, calc(100% - 48px)); margin: -28px auto 70px; }
.pm-cards article { padding: 25px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); }
.pm-cards article > b { color: var(--blue); font-size: 12px; text-transform: uppercase; }
.pm-cards h2 { margin: 15px 0 12px; overflow-wrap: anywhere; font-size: 22px; }
.pm-form, .status-search, .case-secret { width: min(920px, calc(100% - 40px)); margin: 35px auto; }
.pm-form > section { position: relative; margin-bottom: 16px; padding: 27px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.pm-form .step { display: grid; width: 38px; height: 38px; place-items: center; margin-bottom: 17px; border-radius: 11px; color: var(--blue); background: var(--surface-blue); font-size: 11px; font-weight: 900; }
.pm-form h2 { margin-bottom: 20px; }
.pm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.pm-form > section > label { margin-top: 15px; }
.honeypot { position: absolute !important; left: -10000px !important; }
.consent { display: flex; align-items: center; gap: 8px; }
.pm-submit, .status-search button, .case-card form button, .case-card > button { min-height: 47px; padding: 0 18px; border: 0; border-radius: 11px; color: #fff; background: var(--blue); font-weight: 850; }
.pm-submit { width: 100%; }
.status-search { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 12px; padding: 22px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.status-search .pm-alert { grid-column: 1 / -1; }
.case-secret { padding: 22px; border: 1px solid #a9c8fa; border-radius: var(--radius); background: var(--surface-blue); }
.case-secret code { display: block; margin-top: 9px; padding: 10px; border-radius: 8px; background: #fff; overflow-wrap: anywhere; }
.case-public { width: min(920px, calc(100% - 40px)); margin: 35px auto 70px; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.case-public > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px; border-bottom: 1px solid var(--line); }
.case-public h2 { margin: 5px 0 0; }
.public-timeline { padding: 15px 22px; }
.public-timeline article { display: flex; gap: 12px; padding: 10px 0; }
.public-timeline i { width: 9px; height: 9px; margin-top: 6px; border-radius: 50%; background: var(--blue); }
.public-timeline div { display: flex; flex-direction: column; }
.public-timeline small { color: var(--muted); }
.pm-login, .pm-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 440px); align-items: center; gap: clamp(45px, 8vw, 100px); width: min(1000px, calc(100% - 48px)); min-height: calc(100vh - 150px); margin: 0 auto; padding: 60px 0; }
.pm-login > div > span, .pm-kicker { color: var(--blue); font-size: 12px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.pm-login h1, .pm-auth h1 { margin: 12px 0; font-size: clamp(42px, 6vw, 61px); }
.pm-login form, .pm-auth form { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; box-shadow: var(--shadow); }
.pm-login form button, .pm-auth form button { width: 100%; min-height: 47px; margin-top: 20px; border: 0; border-radius: 11px; color: #fff; background: var(--blue); font-weight: 850; }
.pm-shield { display: grid; width: 50px; height: 50px; place-items: center; border-radius: 15px; color: #fff; background: var(--navy); font-weight: 900; }
.case-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 54px 0 75px; }
.case-shell > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 22px; }
.case-shell > header span { color: var(--blue); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.case-shell > header h1 { margin: 7px 0; font-size: clamp(37px, 5vw, 52px); }
.case-shell > header p { margin: 0; }
.export-actions { display: flex; gap: 7px; }
.export-actions a { color: var(--ink-soft); border-color: var(--line-strong); background: #fff; }
.case-search { display: flex; gap: 9px; margin-bottom: 13px; }
.case-search input { margin: 0; }
.case-search button { min-width: 110px; border: 0; border-radius: 10px; color: #fff; background: var(--blue); font-weight: 800; }
.case-filters { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; }
.case-filters a { padding: 7px 11px; border: 1px solid var(--line); border-radius: 20px; color: var(--ink-soft); background: #fff; font-size: 12px; font-weight: 800; }
.case-filters a.active, .case-filters a:hover { color: #fff; border-color: var(--blue); background: var(--blue); }
.case-list { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: #fff; }
.case-list > a { display: flex; align-items: center; gap: 12px; padding: 15px 19px; border-bottom: 1px solid #ebeff5; }
.case-list > a:last-child { border-bottom: 0; }
.case-list > a:hover { background: #f8faff; }
.case-list .priority { width: 9px; height: 9px; border-radius: 50%; background: #94a3b8; }
.case-list .priority.high { background: #f59e0b; }
.case-list .priority.critical { background: #dc2626; }
.case-list > a > div { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.case-list small { overflow: hidden; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }
.case-list em, .case-shell > header > em, .case-public header > b { padding: 5px 8px; border-radius: 20px; color: var(--blue-dark); background: var(--surface-blue); font-size: 11px; font-style: normal; font-weight: 850; text-transform: uppercase; }
.case-list > a > i { color: var(--muted); font-size: 11px; font-style: normal; }
.case-list .empty { min-height: 150px; }
.case-columns { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr); gap: 17px; align-items: start; }
.case-card { margin-bottom: 16px; padding: 22px; }
.case-card h2 { font-size: 21px; }
.case-card p { overflow-wrap: anywhere; white-space: normal; }
.case-card dl { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 10px; margin: 0; padding: 10px 0; border-bottom: 1px solid #ebeff5; }
.case-card dt { color: var(--muted); font-size: 12px; font-weight: 800; }
.case-card dd { margin: 0; overflow-wrap: anywhere; }
.case-card form button, form.case-card button { width: 100%; margin-top: 18px; }
.internal-timeline > div { display: flex; gap: 11px; padding: 10px 0; }
.internal-timeline i { width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: #94a3b8; }
.internal-timeline i.public { background: var(--blue); }
.internal-timeline p { display: flex; margin: 0; flex-direction: column; }
.internal-timeline small { color: var(--muted); }
.attachment { display: flex; flex-direction: column; padding: 11px; border: 1px solid var(--line); border-radius: 9px; }
.attachment + .attachment { margin-top: 8px; }
.attachment small { color: var(--muted); }
.reporter { display: flex; flex-direction: column; }
.reporter a { color: var(--blue); overflow-wrap: anywhere; }
.pm-footer { display: flex; justify-content: center; gap: 24px; padding: 26px 20px; color: #9eacc0; background: var(--navy); font-size: 13px; }
.print-report { width: min(1120px, calc(100% - 40px)); margin: 0 auto; padding: 45px 0 70px; }
.print-report > header { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.print-report table { width: 100%; border-collapse: collapse; border: 1px solid var(--line); background: #fff; font-size: 12px; }
.print-report th, .print-report td { padding: 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.print-report th { color: var(--muted); background: #f7f9fc; font-weight: 850; }

/* Site footer */
.site-footer { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; padding: 35px max(24px, calc((100vw - var(--content)) / 2)); border-top: 1px solid var(--line); background: #fff; }
.site-footer > div p { margin: 5px 0 0; font-size: 13px; }
.footer-logo { font-size: 17px; }
.footer-logo svg { width: 28px; height: 28px; }
.site-footer nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; color: var(--ink-soft); font-size: 13px; }
.site-footer nav a:hover { color: var(--blue); }
.site-footer > small { color: var(--muted); text-align: right; }

.reveal-item { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease; }
.reveal-item.is-visible { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .brand-grid, .domain-ops-grid { grid-template-columns: repeat(2, 1fr); }
  .trust { grid-template-columns: 1fr; gap: 35px; }
  .workspace { grid-template-columns: 84px minmax(0, 1fr); }
  .workspace-nav { padding-inline: 12px; }
  .workspace-user div, .workspace-help, .control-brand div, .workspace-nav nav a:not(.active) span, .workspace-nav nav a { font-size: 0; }
  .workspace-user { justify-content: center; padding-inline: 0; }
  .workspace-nav nav a { justify-content: center; padding: 0; }
  .workspace-nav nav a i { font-size: 17px; }
  .workspace-nav nav a b { position: absolute; margin: -25px 0 0 25px; font-size: 9px; }
  .control-brand { justify-content: center; padding-inline: 0; }
  .node-state { justify-content: center; padding: 14px; }
  .node-state div { display: none; }
  .settings-hub { margin-left: 84px; }
  .ops-stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .site-header, .pm-nav { min-height: 68px; padding-inline: 18px; }
  .nav-toggle { display: block; }
  .pm-toggle span { background: #fff; }
  .site-navigation { position: absolute; top: calc(100% + 1px); right: 12px; left: 12px; display: none; align-items: stretch; flex-direction: column; gap: 3px; padding: 10px; border: 1px solid var(--line); border-radius: 0 0 15px 15px; background: #fff; box-shadow: var(--shadow-lg); }
  .site-navigation.is-open { display: flex; }
  .site-navigation > a, .nav-link { width: 100%; justify-content: flex-start; min-height: 44px; }
  .pm-nav .site-navigation { border-color: #26364f; background: var(--navy); }
  .hero { padding-top: 70px; }
  .brand-grid, .plans, .pm-cards { grid-template-columns: 1fr; }
  .brand { align-items: center; }
  .plans article.featured { transform: none; }
  .trust-grid { grid-template-columns: 1fr; }
  .auth, .pm-login, .pm-auth { grid-template-columns: 1fr; gap: 24px; min-height: auto; padding-block: 48px; }
  .auth-copy br, .pm-login br { display: none; }
  .workspace { display: block; }
  .workspace-nav { position: static; width: auto; height: auto; padding: 12px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
  .workspace-user, .control-brand { justify-content: flex-start; padding: 0 0 10px; }
  .workspace-user div, .control-brand div { display: flex; }
  .workspace-nav nav { display: flex; flex-direction: row; overflow-x: auto; padding-bottom: 2px; }
  .workspace-nav nav a { flex: 0 0 auto; justify-content: center; min-width: 44px; padding: 0 11px; font-size: 12px; }
  .workspace-nav nav a i { font-size: 15px; }
  .workspace-nav nav a b { position: static; margin: 0; font-size: 9px; }
  .workspace-help, .node-state { display: none; }
  .settings-hub { margin-left: 0; }
  .alias-layout, .case-columns { grid-template-columns: 1fr; }
  .builder-shell { display: block; }
  .builder-rail { position: static; height: auto; padding: 22px; }
  .builder-rail .eyebrow { margin-top: 20px; }
  .builder-rail nav { display: flex; flex-wrap: wrap; }
  .builder-state { position: static; margin-top: 16px; }
  .site-footer { grid-template-columns: 1fr; text-align: center; }
  .site-footer > div { display: grid; justify-items: center; }
  .site-footer > small { text-align: center; }
}

@media (max-width: 620px) {
  body { font-size: 15px; }
  .logo { font-size: 18px; }
  .hero { padding: 56px 16px 50px; }
  .hero h1 { font-size: 45px; }
  .hero > p br { display: none; }
  .hero .actions { align-items: stretch; flex-direction: column; width: min(360px, 100%); margin-inline: auto; }
  .address-card { grid-template-columns: 44px minmax(0, 1fr); padding: 16px; }
  .mail-symbol { width: 44px; height: 44px; }
  .address-card strong { font-size: 19px; }
  .address-card i { grid-column: 2; }
  .section { width: min(100% - 32px, var(--content)); padding: 62px 0; }
  .section-head, .content-heading, .workspace-top, .case-shell > header, .builder-main > header, .cms-contact { align-items: flex-start; flex-direction: column; }
  .section-head > p, .content-heading > span { text-align: left; }
  .brand-grid, .settings-grid, .billing-grid, .mailbox-grid, .ops-stats, .split-ops, .domain-ops-grid, .approval-grid, .pm-grid, .quick-strip { grid-template-columns: 1fr; }
  .brand { align-items: flex-start; padding: 20px; }
  .brand-art { flex-basis: 62px; width: 62px; height: 62px; border-radius: 16px; }
  .brand h3 { font-size: 24px; }
  .trust { padding-block: 62px; }
  .trust-grid { grid-template-columns: 1fr; }
  .auth { width: min(100% - 32px, 1050px); }
  .auth-copy h1 { font-size: 42px; }
  .address-fields, .form-grid { grid-template-columns: 1fr; }
  .workspace-main { padding: 30px 16px 60px; }
  .workspace-top .top-actions { width: 100%; flex-wrap: wrap; }
  .workspace-top .top-actions > * { flex: 1; }
  .settings-hub { padding-inline: 16px; }
  .security-card { align-items: flex-start; flex-direction: column; }
  .security-card > div { align-items: flex-start; }
  .topup-options { grid-template-columns: repeat(2, 1fr); }
  .approval-grid form:nth-child(odd) { border-right: 0; }
  .domain-ops-grid { padding: 12px; }
  .invite-reveal { align-items: flex-start; flex-direction: column; }
  .invite-reveal small { margin-left: 0; }
  .staff-row { align-items: flex-start; flex-wrap: wrap; }
  .builder-main { padding: 30px 16px 65px; }
  .builder-block > header { align-items: flex-start; }
  .pm-hero { padding: 58px 20px; }
  .pm-form, .status-search, .case-secret, .case-public, .case-shell { width: min(100% - 28px, 1120px); }
  .status-search { grid-template-columns: 1fr; }
  .pm-form > section { padding: 20px; }
  .pm-login, .pm-auth { width: min(100% - 32px, 1000px); }
  .case-shell { padding-top: 36px; }
  .export-actions { width: 100%; flex-wrap: wrap; }
  .case-list > a { align-items: flex-start; flex-wrap: wrap; }
  .case-list > a > div { flex-basis: calc(100% - 25px); }
  .case-list small { white-space: normal; }
  .case-card dl { grid-template-columns: 1fr; gap: 3px; }
  .pm-footer { align-items: center; flex-direction: column; gap: 7px; }
}

/* Public landing v15 — compact premium layout based on the approved UI direction. */
.page-home { background: #f7f9fc; }
.page-home .site-header { border-color: rgba(213,222,234,.72); background: rgba(255,255,255,.86); }
.page-home .hero { min-height: 760px; padding: 80px 24px 58px; background-color: #fff; background-image: linear-gradient(rgba(14,83,184,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(14,83,184,.035) 1px, transparent 1px); background-size: 42px 42px; }
.page-home .hero::before { top: -430px; width: 1080px; height: 900px; background: radial-gradient(circle, rgba(48,123,255,.2), rgba(93,151,255,.07) 43%, transparent 70%); }
.page-home .hero-content { position: relative; z-index: 2; width: min(960px, 100%); margin: 0 auto; }
.page-home .hero-glow { position: absolute; z-index: 0; width: 280px; height: 280px; border-radius: 50%; filter: blur(80px); opacity: .2; pointer-events: none; }
.page-home .hero-glow-left { top: 34%; left: -140px; background: #b51648; }
.page-home .hero-glow-right { top: 18%; right: -150px; background: #7258f5; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 13px; border: 1px solid #dbe5f2; border-radius: 999px; color: #526176; background: rgba(255,255,255,.82); box-shadow: 0 5px 18px rgba(31,56,91,.06); font-size: 12px; font-weight: 750; }
.hero-badge i { width: 7px; height: 7px; border-radius: 50%; background: #16a36a; box-shadow: 0 0 0 4px rgba(22,163,106,.11); }
.page-home .hero h1 { margin: 22px auto 18px; font-size: clamp(48px, 6.4vw, 78px); line-height: .99; letter-spacing: -.068em; }
.page-home .hero > p, .page-home .hero-content > p { max-width: 660px; margin: 0 auto; color: #526176; font-size: clamp(17px, 1.8vw, 20px); }
.page-home .hero .actions { margin: 28px 0 34px; }
.page-home .hero .button { min-height: 49px; padding-inline: 21px; border-radius: 13px; }
.page-home .hero .button span, .page-home .final-cta .button span { margin-left: 8px; transition: transform .2s ease; }
.page-home .hero .button:hover span, .page-home .final-cta .button:hover span { transform: translateX(3px); }

.mail-preview { --slider-color: #0878f9; position: relative; overflow: hidden; width: min(760px, 100%); margin: 0 auto; border: 1px solid color-mix(in srgb, var(--slider-color) 28%, #d6e1ef); border-radius: 22px; background: rgba(255,255,255,.94); box-shadow: 0 28px 80px color-mix(in srgb, var(--slider-color) 16%, transparent), 0 2px 5px rgba(24,60,111,.06); text-align: left; transition: border-color .45s ease, box-shadow .45s ease; }
.mail-preview::before { position: absolute; top: 43px; right: -70px; width: 210px; height: 210px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--slider-color) 17%, transparent), transparent 68%); content: ""; transition: background .45s ease; }
.mail-preview-bar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 43px; padding: 0 16px; border-bottom: 1px solid #e6ebf2; background: #f9fbfd; }
.mail-preview-bar small { color: #8490a2; font-size: 11px; font-weight: 750; }
.window-dots { display: flex; gap: 5px; }
.window-dots i { width: 8px; height: 8px; border-radius: 50%; background: #ff6d68; }
.window-dots i:nth-child(2) { background: #f5bd4f; }
.window-dots i:nth-child(3) { background: #61c454; }
.secure-label { justify-self: end; color: #178459; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.mail-preview-body { position: relative; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 16px; min-height: 118px; padding: 21px 25px 14px; }
.mail-preview-icon { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid color-mix(in srgb, var(--slider-color) 28%, #dce5f0); border-radius: 16px; color: var(--slider-color); background: color-mix(in srgb, var(--slider-color) 9%, #fff); box-shadow: inset 0 1px 0 #fff; transition: color .4s ease, border-color .4s ease, background .4s ease; }
.mail-preview-icon svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mail-preview-body small { display: block; margin-bottom: 2px; color: #8390a3; font-size: 11px; font-weight: 750; }
.mail-preview-body strong { display: block; font-size: clamp(23px, 3.2vw, 34px); letter-spacing: -.05em; white-space: nowrap; }
.mail-preview-body strong em { color: var(--slider-color); font-style: normal; transition: color .4s ease; }
.availability { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid #cbeadb; border-radius: 999px; color: #08764a; background: #effbf5; font-size: 12px; font-weight: 800; }
.availability i { width: 7px; height: 7px; border-radius: 50%; background: #14a66a; box-shadow: 0 0 0 4px rgba(20,166,106,.1); }
.mail-preview-domains { display: flex; gap: 7px; padding: 0 25px 20px 95px; }
.mail-preview-domains button { min-height: 28px; padding: 5px 9px; border: 1px solid #e2e8f0; border-radius: 7px; color: #8390a3; background: #fff; font-size: 10px; font-weight: 750; transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease; }
.mail-preview-domains button:hover { color: #334155; border-color: #c7d2e0; transform: translateY(-1px); }
.mail-preview-domains .is-active { border-color: color-mix(in srgb, var(--slider-color) 38%, #dce5f0); color: var(--slider-color); background: color-mix(in srgb, var(--slider-color) 8%, #fff); box-shadow: 0 5px 14px color-mix(in srgb, var(--slider-color) 13%, transparent); }
.hero-proof { display: flex; justify-content: center; gap: 0; margin-top: 27px; color: #6b7789; font-size: 11px; }
.hero-proof span { padding: 0 22px; border-right: 1px solid #dce3ec; }
.hero-proof span:last-child { border: 0; }
.hero-proof b { margin-right: 4px; color: #1b2637; font-size: 13px; }

.page-home .domain-section { width: min(1320px, calc(100% - 48px)); padding-block: 100px 110px; }
.page-home .section-head.centered { margin-bottom: 42px; }
.page-home .section-head h2 { font-size: clamp(36px, 4.3vw, 53px); }
.page-home .brand-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
.domain-family + .domain-family { margin-top: 52px; }
.domain-family-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin: 0 2px 18px; }
.domain-family-head div > span { color: #7b8798; font-size: 10px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.domain-family-head h3 { margin: 4px 0 0; color: #162237; font-size: clamp(22px, 2.5vw, 31px); letter-spacing: -.035em; }
.domain-family-head p { max-width: 510px; margin: 0; color: #778499; font-size: 13px; text-align: right; }
.domain-family.is-regional { padding: 28px; border: 1px solid #dbe5ef; border-radius: 25px; background: linear-gradient(145deg, #f9fbfe, #f3f7fb); box-shadow: inset 0 1px 0 #fff; }
.domain-family.is-regional .brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.domain-family.is-regional .brand { min-height: 290px; background: #fff; }
.domain-family.is-regional .brand h3 { font-size: clamp(17px, 1.6vw, 23px); white-space: normal; overflow-wrap: anywhere; }
.page-home .brand { display: flex; align-items: stretch; flex-direction: column; gap: 0; min-height: 315px; padding: 18px; border: 1px solid #dfe5ee; border-bottom: 3px solid var(--accent); border-radius: 20px; box-shadow: 0 8px 28px rgba(20,44,79,.065); }
.page-home .brand:hover { transform: translateY(-7px); box-shadow: 0 24px 54px rgba(20,44,79,.14); }
.brand-topline { display: flex; align-items: center; justify-content: space-between; height: 20px; margin-bottom: 13px; color: #9ba6b5; font-size: 10px; font-weight: 850; letter-spacing: .12em; }
.brand-topline i { width: 38px; height: 2px; border-radius: 2px; background: var(--accent); opacity: .7; }
.page-home .brand-art { flex: none; width: 68px; height: 68px; margin-bottom: 18px; border-radius: 17px; box-shadow: 0 11px 24px color-mix(in srgb, var(--accent) 23%, transparent); }
.page-home .brand-copy { display: block; }
.page-home .brand-copy > span { color: #7a8799; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.page-home .brand h3 { margin: 5px 0 8px; font-size: clamp(20px, 1.7vw, 25px); letter-spacing: -.045em; }
.page-home .brand h3 em { color: var(--accent); }
.page-home .brand-copy p { min-height: 41px; margin: 0 0 15px; color: #617086; font-size: 13px; }
.page-home .brand ul { gap: 6px; margin: 0; color: #526176; font-size: 12px; }
.page-home .brand li::before { font-size: 11px; }
.page-home .brand-action { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 17px; border-top: 1px solid #e8edf3; color: #273449; font-size: 12px; font-weight: 850; }
.page-home .brand-action b { display: grid; width: 29px; height: 29px; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); transition: transform .2s ease; }
.page-home .brand:hover .brand-action b { transform: translateX(3px); }
.page-home .brand[data-domain="cercle.email"] { background: linear-gradient(145deg, #fff 73%, rgba(113,87,245,.08)); }
.page-home .brand[data-domain="heimat.email"] { background: linear-gradient(145deg, #fff 73%, rgba(22,132,89,.08)); }
.domain-includes { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; padding: 18px 22px; border: 1px solid #dfe6ef; border-radius: 16px; color: #56657a; background: #fff; font-size: 12px; }
.domain-includes b { color: #263449; }.domain-includes span { white-space: nowrap; }.domain-includes i { margin-right: 5px; color: #168459; font-style: normal; font-weight: 900; }

.page-home .trust { position: relative; overflow: hidden; grid-template-columns: .75fr 1.45fr; gap: 70px; padding-block: 105px; background: radial-gradient(circle at 85% 10%, #1a3154, transparent 32%), #0b1423; }
.page-home .trust::after { position: absolute; right: -170px; bottom: -250px; width: 480px; height: 480px; border: 1px solid rgba(255,255,255,.07); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.022), 0 0 0 140px rgba(255,255,255,.018); content: ""; }
.trust-intro { position: relative; z-index: 1; }
.trust-seal { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; padding: 9px 12px; border: 1px solid #2a3c56; border-radius: 10px; color: #aebbd0; font-size: 12px; font-weight: 750; }
.trust-seal i { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: #6ee7b7; background: rgba(52,211,153,.12); font-style: normal; }
.page-home .trust-grid { position: relative; z-index: 1; }
.page-home .trust-grid article { position: relative; min-height: 250px; padding: 24px; border-color: #2a3a52; background: linear-gradient(145deg, rgba(27,43,67,.94), rgba(16,29,48,.96)); transition: transform .25s ease, border-color .25s ease; }
.page-home .trust-grid article:hover { border-color: #42618d; transform: translateY(-5px); }
.page-home .trust-grid article > b { color: #6685ad; }
.trust-icon { display: grid; width: 42px; height: 42px; place-items: center; margin-top: 24px; border: 1px solid #355077; border-radius: 12px; color: #7eaeff; background: #172842; font-size: 22px; }
.page-home .trust-grid h3 { margin: 22px 0 9px; }

.page-home .plan-section { padding-block: 110px 125px; }
.page-home .plans article { position: relative; min-height: 410px; padding: 31px; border-radius: 22px; }
.page-home .plans article.featured { transform: translateY(-10px); box-shadow: 0 28px 65px rgba(11,19,34,.22); }
.page-home .plans article > p { flex: 0 0 auto; min-height: 50px; margin-bottom: 19px; }
.page-home .plans ul { display: grid; flex: 1; gap: 10px; margin: 0 0 25px; padding: 0; color: #526176; font-size: 14px; list-style: none; }
.page-home .plans li::before { margin-right: 9px; color: #168459; content: "✓"; font-weight: 900; }
.page-home .plans .featured ul { color: #bac5d4; }
.page-home .plans .featured li::before { color: #77e4b4; }
.plan-label { position: absolute; top: 18px; right: 18px; padding: 5px 9px; border-radius: 999px; color: #0b1322; background: #fff; font-size: 9px; font-style: normal; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.page-home .plans .button { width: 100%; }
.billing-lifecycle { max-width: 790px; margin: 26px auto 0; color: #738197; font-size: 12px; line-height: 1.65; text-align: center; }
.page-home .final-cta { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin: 0; padding: 75px max(24px, calc((100vw - 1120px) / 2)); text-align: left; background: radial-gradient(circle at 78% 20%, rgba(255,255,255,.2), transparent 28%), linear-gradient(125deg, #074fc6, #0b70fb); }
.page-home .final-cta h2 { margin: 9px 0 0; font-size: clamp(38px, 5vw, 62px); }
.page-home .final-cta .button { flex: 0 0 auto; border-color: #fff; color: #0b55c9; background: #fff; box-shadow: 0 15px 35px rgba(0,34,87,.2); }

@media (max-width: 1120px) {
  .page-home .brand-grid, .domain-family.is-regional .brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-home .brand { min-height: 305px; }
}

@media (max-width: 760px) {
  .page-home .hero { min-height: 0; padding: 62px 16px 45px; }
  .page-home .hero h1 { font-size: clamp(43px, 13vw, 62px); }
  .page-home .hero .actions { align-items: stretch; flex-direction: column; width: min(420px, 100%); margin-inline: auto; }
  .mail-preview-body { grid-template-columns: 46px 1fr; min-height: 105px; padding: 18px; }
  .mail-preview-icon { width: 46px; height: 46px; }
  .availability { grid-column: 1 / -1; justify-self: start; margin-left: 62px; }
  .mail-preview-domains { overflow-x: auto; padding: 3px 18px 17px; scrollbar-width: none; }
  .mail-preview-domains button { flex: 0 0 auto; }
  .hero-proof { align-items: center; flex-direction: column; gap: 7px; }
  .hero-proof span { border: 0; }
  .page-home .domain-section { width: min(100% - 30px, 1320px); padding-block: 75px; }
  .page-home .brand-grid, .domain-family.is-regional .brand-grid { grid-template-columns: 1fr; }
  .domain-family + .domain-family { margin-top: 38px; }
  .domain-family-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .domain-family-head p { text-align: left; }
  .domain-family.is-regional { padding: 18px; border-radius: 21px; }
  .page-home .brand { min-height: 295px; }
  .page-home .brand h3 { font-size: 27px; }
  .page-home .trust { grid-template-columns: 1fr; gap: 38px; padding: 75px 20px; }
  .page-home .trust-grid { grid-template-columns: 1fr; }
  .page-home .trust-grid article { min-height: 215px; }
  .page-home .plan-section { padding-block: 75px 90px; }
  .page-home .plans article.featured { transform: none; }
  .page-home .final-cta { align-items: flex-start; flex-direction: column; padding-block: 65px; }
}

/* Registration and login — dedicated product-grade account layouts. */
.register-shell, .login-shell { display: grid; grid-template-columns: minmax(340px, .78fr) minmax(580px, 1.22fr); min-height: calc(100vh - 76px); background: #f6f8fc; }
.register-aside, .login-visual { position: relative; display: flex; overflow: hidden; flex-direction: column; min-width: 0; padding: 38px clamp(30px, 5vw, 72px); color: #fff; background: radial-gradient(circle at 18% 18%, #173968, transparent 31%), radial-gradient(circle at 92% 72%, rgba(113,87,245,.28), transparent 28%), #0b1423; }
.register-aside::before, .login-visual::before { position: absolute; right: -210px; bottom: -230px; width: 510px; height: 510px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; box-shadow: 0 0 0 68px rgba(255,255,255,.022), 0 0 0 136px rgba(255,255,255,.016); content: ""; }
.register-back { position: relative; z-index: 1; align-self: flex-start; color: #aebbd0; font-size: 12px; font-weight: 800; }
.register-back:hover { color: #fff; }
.register-aside-copy, .login-visual-copy { position: relative; z-index: 1; width: min(510px, 100%); margin: auto 0; padding-block: 65px; }
.register-aside .eyebrow, .login-visual .eyebrow { color: #7faeff; }
.register-aside h1, .login-visual h1 { margin: 13px 0 22px; color: #fff; font-size: clamp(44px, 5vw, 68px); line-height: 1; }
.register-aside h1 em, .login-visual h1 em { color: #7daeff; font-style: normal; }
.register-aside-copy > p, .login-visual-copy > p { max-width: 480px; color: #aebbd0; font-size: 17px; }
.register-benefits { display: grid; gap: 10px; margin-top: 35px; }
.register-benefits > span { display: grid; grid-template-columns: 34px 1fr; column-gap: 11px; align-items: center; padding: 11px 13px; border: 1px solid #263952; border-radius: 13px; background: rgba(255,255,255,.035); }
.register-benefits i { display: grid; grid-row: 1 / 3; width: 32px; height: 32px; place-items: center; border-radius: 10px; color: #72e4b2; background: rgba(63,213,149,.1); font-size: 12px; font-style: normal; }
.register-benefits b { font-size: 13px; }
.register-benefits small { color: #8899af; font-size: 11px; }
.register-aside-note { position: relative; z-index: 1; color: #8292a8; font-size: 10px; font-weight: 700; }
.register-main, .login-main { display: grid; min-width: 0; place-items: center; padding: 60px clamp(22px, 5vw, 76px); background-image: linear-gradient(rgba(14,83,184,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(14,83,184,.025) 1px, transparent 1px); background-size: 40px 40px; }
.signup-card, .login-card { width: min(680px, 100%); padding: clamp(28px, 4vw, 44px); border: 1px solid #dce4ef; border-radius: 26px; background: rgba(255,255,255,.97); box-shadow: 0 25px 70px rgba(18,42,77,.11); }
.signup-card > header, .login-card > header { margin-bottom: 27px; }
.step-label { color: var(--blue); font-size: 10px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.signup-card h2, .login-card h2 { margin: 7px 0 8px; font-size: clamp(29px, 3vw, 39px); }
.signup-card header p, .login-card header p { margin: 0; font-size: 14px; }
.domain-picker { margin: 0 0 22px; padding: 0; border: 0; }
.domain-picker legend, .field-label { margin-bottom: 9px; color: #334155; font-size: 13px; font-weight: 850; }
.domain-picker > div { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 9px; }
.domain-picker-group { display: flex; grid-column: 1 / -1; align-items: baseline; justify-content: space-between; gap: 12px; margin-top: 3px; padding: 7px 2px 2px; }
.domain-picker-group.is-regional { margin-top: 8px; padding-top: 13px; border-top: 1px solid #e4eaf2; }
.domain-picker-group b { color: #27354a; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.domain-picker-group small { color: #8a96a7; font-size: 10px; }
.plan-picker { margin: 0 0 22px; padding: 0; border: 0; }
.plan-picker legend { margin-bottom: 9px; color: #334155; font-size: 13px; font-weight: 850; }
.plan-picker > .plan-columns { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.plan-picker label { position: relative; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 12px; min-height: 68px; padding: 12px 14px; border: 1px solid #dce3ed; border-radius: 13px; background: #fff; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.plan-picker label:hover { border-color: #aebdd1; transform: translateY(-1px); }
.plan-picker label:has(input:checked) { border-color: #0b70fb; box-shadow: 0 0 0 3px rgba(11,112,251,.1); }
.plan-picker input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.plan-picker span { display: grid; gap: 3px; }
.plan-picker b { color: #19263a; font-size: 13px; }
.plan-picker small { color: #78869a; font-size: 10px; line-height: 1.35; }
.plan-picker em { color: #075ccf; font-size: 12px; font-style: normal; font-weight: 900; white-space: nowrap; }
.domain-option { position: relative; display: grid; grid-template-columns: 11px 1fr 23px; align-items: center; gap: 10px; min-width: 0; min-height: 62px; padding: 9px 11px; border: 1px solid #dfe6ef; border-radius: 13px; background: #fbfcfe; cursor: pointer; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.domain-option:hover { border-color: color-mix(in srgb, var(--domain-color) 45%, #dfe6ef); transform: translateY(-1px); }
.domain-option:has(input:checked) { border-color: var(--domain-color); background: color-mix(in srgb, var(--domain-color) 5%, #fff); box-shadow: 0 0 0 3px color-mix(in srgb, var(--domain-color) 12%, transparent); }
.domain-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.domain-option > i { width: 9px; height: 35px; border-radius: 5px; background: var(--domain-color); }
.domain-option > span { display: flex; min-width: 0; flex-direction: column; }
.domain-option b { overflow: hidden; color: #263449; font-size: 13px; text-overflow: ellipsis; }
.domain-option small { color: #8490a1; font-size: 10px; font-weight: 650; }
.domain-option em { display: grid; width: 22px; height: 22px; place-items: center; border: 1px solid #dbe3ed; border-radius: 50%; color: transparent; background: #fff; font-size: 10px; font-style: normal; }
.domain-option:has(input:checked) em { color: #fff; border-color: var(--domain-color); background: var(--domain-color); }
.dns-scope-note { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 10px; padding: 12px 14px; border: 1px solid #bfd8f7; border-radius: 12px; color: #31506f; background: #f1f7ff; font-size: 12px; }
.dns-scope-note b { color: #075fcf; }
.dns-scope-note code { padding: 2px 6px; border-radius: 5px; color: #075fcf; background: #e2efff; }
.address-builder { display: grid; grid-template-columns: minmax(140px,1fr) auto; overflow: hidden; border: 1px solid #cbd6e4; border-radius: 13px; background: #fbfcfe; transition: border-color .18s ease, box-shadow .18s ease; }
.address-builder:focus-within { border-color: #6a9ff7; background: #fff; box-shadow: 0 0 0 4px rgba(11,99,246,.1); }
.address-builder input { min-width: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none !important; }
.address-builder > span { display: flex; align-items: center; padding: 0 14px; border-left: 1px solid #dce4ee; color: #7d8999; background: #f3f6fa; font-size: 13px; white-space: nowrap; }
.address-builder > span b { color: #263449; }
.field-help { display: block; margin: 7px 0 20px; color: #8490a1; font-size: 10px; }
.address-check { display: flex; align-items: center; gap: 9px; min-height: 38px; margin: -10px 0 20px; padding: 9px 11px; border: 1px solid #e0e7f0; border-radius: 11px; color: #69778a; background: #f7f9fc; font-size: 11px; font-weight: 750; }
.address-check i { width: 9px; height: 9px; flex: 0 0 auto; border-radius: 50%; background: #9aa7b7; box-shadow: 0 0 0 4px rgba(154,167,183,.12); }
.address-check[data-state="checking"] i { border: 2px solid #b8cff7; border-top-color: #176ef0; background: transparent; animation: address-spin .7s linear infinite; box-shadow: none; }
.address-check[data-state="available"] { color: #096843; border-color: #bce8d5; background: #f0fbf6; }
.address-check[data-state="available"] i { background: #20a66b; box-shadow: 0 0 0 4px rgba(32,166,107,.12); }
.address-check[data-state="unavailable"], .address-check[data-state="invalid"], .address-check[data-state="error"], .address-check[data-state="rate_limited"] { color: #a82c3e; border-color: #f0c6cd; background: #fff5f6; }
.address-check[data-state="unavailable"] i, .address-check[data-state="invalid"] i, .address-check[data-state="error"] i, .address-check[data-state="rate_limited"] i { background: #d64a5f; box-shadow: 0 0 0 4px rgba(214,74,95,.11); }
.turnstile-box { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 20px; padding: 12px; border: 1px solid #dde5ef; border-radius: 13px; background: #f9fbfd; }
.turnstile-box small { max-width: 220px; color: #7d8999; font-size: 9px; line-height: 1.45; }
.signup-submit:disabled { cursor: not-allowed; filter: grayscale(.25); opacity: .55; transform: none; }
@keyframes address-spin { to { transform: rotate(360deg); } }
.identity-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; margin-bottom: 15px; }
.identity-grid label + label { margin-top: 0; }
.signup-card > label { margin-top: 15px; }
.invite-field { padding-top: 19px; border-top: 1px solid #e8edf3; }
.signup-submit, .login-submit { width: 100%; margin-top: 23px; }
.signup-submit span, .login-submit span { margin-left: 8px; }
.signup-legal { margin: 13px auto 0; color: #8994a4; font-size: 10px; text-align: center; }
.billing-warning { display: grid; gap: 4px; margin: 14px 0; padding: 15px 18px; border: 1px solid #efd696; border-radius: 13px; color: #75530c; background: #fff9e9; }.billing-warning.critical { color: #962d3d; border-color: #efc0c8; background: #fff3f5; }.billing-warning span { font-size: 12px; }.billing-warning small { opacity: .75; }.commitment-note { display: block; margin: -5px 0 13px; color: #7a5b13; font-weight: 800; }

.login-shell { grid-template-columns: minmax(420px,.95fr) minmax(480px,1.05fr); }
.login-card { width: min(500px,100%); }
.login-mark { display: grid; width: 51px; height: 51px; margin-bottom: 22px; place-items: center; border-radius: 15px; color: var(--blue); background: #edf4ff; }
.login-mark svg { width: 29px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.login-domain-stack { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }
.login-domain-stack span { padding: 8px 11px; border: 1px solid color-mix(in srgb, var(--stack-color) 55%, #273952); border-radius: 9px; color: color-mix(in srgb, var(--stack-color) 55%, #fff); background: rgba(255,255,255,.035); font-size: 11px; font-weight: 800; }
.login-card .form-aside { margin: 9px 0 0; font-size: 12px; }
.login-divider { position: relative; margin: 23px 0 16px; border-top: 1px solid #e3e9f1; text-align: center; }
.login-divider span { position: relative; top: -11px; padding: 0 10px; color: #9aa5b4; background: #fff; font-size: 10px; }
.register-link { display: flex; align-items: center; justify-content: space-between; min-height: 47px; padding: 0 14px; border: 1px solid #dce4ee; border-radius: 12px; color: #334155; background: #fbfcfe; font-size: 13px; font-weight: 800; }
.register-link:hover { color: var(--blue); border-color: #b9d2fb; background: #f3f7ff; }
.register-link b { font-size: 16px; }
.login-help { margin: 18px 0 0; font-size: 11px; text-align: center; }
.login-help a { color: #66758a; }

/* Full footer remains useful even while optional CMS pages are still drafts. */
.site-footer { display: block; padding: 0; border-top: 1px solid #dce4ee; color: #c2ccda; background: #0b1423; text-align: left; }
.footer-inner { display: grid; grid-template-columns: minmax(260px,1.5fr) repeat(3,minmax(130px,.7fr)); gap: clamp(32px,5vw,80px); width: min(1240px,calc(100% - 48px)); margin: 0 auto; padding: 62px 0 52px; }
.footer-brand p { max-width: 300px; margin: 14px 0 20px; color: #8998ad; font-size: 13px; }
.footer-logo { color: #fff; }
.footer-logo svg { stroke: #70a7ff; }
.footer-status { display: inline-flex; align-items: center; gap: 8px; color: #8494a9; font-size: 10px; font-weight: 750; }
.footer-status:hover { color: #fff; }
.footer-status i { width: 7px; height: 7px; border-radius: 50%; background: #2dcc83; box-shadow: 0 0 0 4px rgba(45,204,131,.1); }
.footer-status b { margin-left: 3px; color: #6d9dec; }
.footer-column { display: flex; align-items: flex-start; flex-direction: column; gap: 10px; }
.footer-column b { margin-bottom: 5px; color: #fff; font-size: 12px; }
.footer-column a { color: #8f9db1; font-size: 12px; }
.footer-column a:hover { color: #fff; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; width: min(1240px,calc(100% - 48px)); margin: 0 auto; padding: 19px 0; border-top: 1px solid #223148; color: #718096; font-size: 10px; }.footer-bottom a{color:#9fb8dc}.footer-bottom a:hover{color:#fff}

/* Public service status: honest configuration state instead of a decorative badge. */
.status-hero { padding: 105px max(24px,calc((100vw - 1120px)/2)) 85px; color: #fff; background: radial-gradient(circle at 80% 20%,#173968,transparent 32%),#0b1423; }
.status-hero h1 { max-width: 800px; margin: 12px 0 18px; color: #fff; font-size: clamp(45px,7vw,78px); line-height: .98; }
.status-hero h1 em { color: #79aaff; font-style: normal; }
.status-hero > p { max-width: 650px; color: #9fafc4; }
.status-overall { display: inline-flex; align-items: center; gap: 13px; margin-top: 30px; padding: 13px 17px; border: 1px solid #29405f; border-radius: 14px; background: rgba(255,255,255,.04); }
.status-overall > i { width: 12px; height: 12px; border-radius: 50%; }
.status-overall.ok > i { background: #38d58a; box-shadow: 0 0 0 6px rgba(56,213,138,.12); }
.status-overall.warn > i { background: #f3b34a; box-shadow: 0 0 0 6px rgba(243,179,74,.12); }
.status-overall div { display: flex; flex-direction: column; }.status-overall small { color: #8394ab; }
.status-content { width: min(1120px,calc(100% - 40px)); margin: 0 auto; padding: 85px 0 110px; }
.status-list { overflow: hidden; border: 1px solid #dde5ef; border-radius: 19px; background: #fff; box-shadow: 0 18px 50px rgba(22,47,81,.08); }
.status-list article { display: grid; grid-template-columns: 14px 1fr auto; align-items: center; gap: 15px; padding: 19px 22px; border-bottom: 1px solid #e9eef4; }.status-list article:last-child{border:0}
.status-list article div { display:flex;flex-direction:column}.status-list article small{color:#8190a3}.status-list article>span{color:#526176;font-size:12px;font-weight:800}
.state-dot{width:10px;height:10px;border-radius:50%;background:#f0b64d}.state-dot.operational{background:#24b875;box-shadow:0 0 0 5px rgba(36,184,117,.1)}.state-dot.maintenance{background:#e05a6f}
.status-domain-head{margin-top:75px}.status-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.status-domains article{padding:20px;border:1px solid #dde5ef;border-radius:17px;background:#fff}.status-domains header{display:flex;align-items:center;gap:10px}.status-domains header>i{width:7px;height:30px;border-radius:5px;background:var(--status-accent)}.status-domains header b{flex:1}.status-domains header span{color:#708096;font-size:11px;font-weight:800}.status-domains article>div{display:flex;gap:7px;margin:17px 0 12px}.status-domains article>div span{padding:5px 8px;border-radius:7px;color:#8a96a5;background:#edf1f5;font-size:9px;font-weight:900}.status-domains article>div span.ok{color:#08724a;background:#e8f8f0}.status-domains article>small{color:#8995a5}.status-note{margin-top:25px;color:#77869a;font-size:11px}.status-note a{color:var(--blue);font-weight:800}

/* Content must remain readable even when JavaScript or IntersectionObserver fails. */
.reveal-item { opacity: 1; transform: none; }

/* External postmaster operator area: separate from customer and staff accounts. */
.operator-shell { width: min(1180px,calc(100% - 40px)); margin: 0 auto; padding: 70px 0 100px; }
.operator-shell > header { margin-bottom: 30px; }.operator-shell > header h1 { margin: 8px 0; font-size: clamp(38px,6vw,64px); }.operator-shell > header p { color: #718096; }
.operator-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 18px; }.operator-grid > section,.operator-grid > aside { display: grid; align-content: start; gap: 18px; }
.operator-card { padding: 25px; border: 1px solid #dce4ee; border-radius: 18px; background: #fff; box-shadow: 0 15px 40px rgba(20,45,80,.07); }.operator-card h2 { margin: 0 0 8px; }.operator-card > p { margin: 0 0 20px; color: #718096; font-size: 13px; }.operator-card form { display: grid; gap: 13px; }.operator-card button { min-height: 44px; border: 0; border-radius: 10px; color: #fff; background: #1266e9; font-weight: 850; cursor: pointer; }
.operator-list { display: grid; gap: 9px; }.operator-list > div { display: grid; grid-template-columns: 10px 1fr; align-items: center; gap: 11px; padding: 11px; border: 1px solid #e6ebf2; border-radius: 11px; }.operator-list i { width: 9px; height: 9px; border-radius: 50%; background: #e6ad45; }.operator-list i.verified,.operator-list i.approved { background: #21ad70; }.operator-list i.rejected,.operator-list i.revoked { background: #dc5368; }.operator-list span { display: flex; min-width: 0; flex-direction: column; }.operator-list small { overflow: hidden; color: #7d8999; text-overflow: ellipsis; }.pm-login form > small { display: block; margin-top: 12px; color: #8190a3; font-size: 10px; line-height: 1.5; }

@media (max-width: 960px) {
  .register-shell, .login-shell { grid-template-columns: 1fr; }
  .register-aside, .login-visual { min-height: 430px; }
  .register-aside-copy, .login-visual-copy { padding-block: 55px; }
  .register-main, .login-main { padding-block: 45px 65px; }
  .site-footer > .footer-inner { grid-template-columns: 1.4fr repeat(3,1fr); justify-items: stretch; gap: 28px; text-align: left; }
  .operator-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .register-aside, .login-visual { min-height: 390px; padding: 28px 20px; }
  .register-aside h1, .login-visual h1 { font-size: 45px; }
  .register-benefits { display: none; }
  .register-main, .login-main { padding: 24px 15px 50px; }
  .signup-card, .login-card { padding: 25px 19px; border-radius: 20px; }
  .domain-picker > div, .plan-picker > .plan-columns, .identity-grid { grid-template-columns: 1fr; }
  .address-builder { grid-template-columns: 1fr; }
  .address-builder > span { min-height: 39px; border-top: 1px solid #dce4ee; border-left: 0; }
  .turnstile-box { align-items: flex-start; flex-direction: column; }
  .site-footer > .footer-inner { grid-template-columns: repeat(2,1fr); width: min(100% - 36px,1240px); justify-items: stretch; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { align-items: flex-start; flex-direction: column; width: min(100% - 36px,1240px); }
  .status-domains { grid-template-columns: 1fr; }
  .status-list article { grid-template-columns: 12px 1fr; }.status-list article > span { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
  .reveal-item { opacity: 1; transform: none; }
}

@media print {
  .site-header, .pm-nav, .site-footer, .pm-footer, .workspace-nav, .export-actions, .case-search, .case-filters { display: none !important; }
  body { color: #000; background: #fff; }
  .workspace, .case-columns { display: block; }
  .workspace-main, .case-shell { width: 100%; padding: 0; }
  .case-card, .ops-panel { break-inside: avoid; border-color: #bbb; box-shadow: none; }
}

/* Registration billing choices: monthly and annual prices stay visually distinct. */
.plan-column { padding: 13px; border: 1px solid #e2e8f0; border-radius: 17px; background: #f8fafc; }
.plan-column > header { display: flex; justify-content: space-between; gap: 8px; margin-bottom: 10px; }.plan-column > header b{font-size:13px}.plan-column > header small{color:#708096;font-size:10px}
.plan-column > div { display: grid; gap: 8px; }.plan-column.annual{border-color:#cbdcf8;background:#f5f8ff}.plan-column.annual>header small{color:#1266e9;font-weight:850}
.plan-picker label:has(input:disabled){cursor:not-allowed;filter:grayscale(.35);opacity:.42;transform:none}.invite-plan-notice{margin-bottom:10px;padding:13px;border:1px solid #bfe6d2;border-radius:12px;color:#116742;background:#effaf5;font-size:12px;font-weight:800}.invite-plan-notice span{display:inline-grid;margin-right:8px}.invite-plan-notice div{display:inline-grid}
.plans { grid-template-columns: repeat(5,minmax(0,1fr)); }.plans .ultra-plan{background:linear-gradient(145deg,#fff,#f4f0ff);border-color:#d8cff9}.plans .ultra-plan h3{font-size:28px}

/* Cancellation button, confirmation and admin workflow. */
.footer-termination{margin-top:4px;padding:7px 9px;border:1px solid #415069;border-radius:8px;color:#fff!important}.termination-shell{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(480px,1.28fr);gap:clamp(30px,6vw,90px);width:min(1160px,calc(100% - 40px));margin:0 auto;padding:90px 0 120px}.termination-hero{position:sticky;top:110px;align-self:start}.termination-hero h1{margin:10px 0 18px;font-size:clamp(42px,6vw,68px);line-height:.98}.termination-hero>p{color:#6e7d91}.termination-hero>div{display:grid;gap:10px;margin-top:30px}.termination-hero>div span{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.termination-hero>div i{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#fff;background:#1266e9;font-style:normal}.termination-card,.receipt-card{padding:clamp(24px,4vw,42px);border:1px solid #dce4ee;border-radius:24px;background:#fff;box-shadow:0 24px 70px rgba(21,45,78,.1)}.termination-card fieldset{margin:0 0 24px;padding:0;border:0}.termination-choice>div,.inline-options,.termination-date-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.termination-choice label,.inline-options label,.termination-date-choice label{display:flex;gap:9px;padding:12px;border:1px solid #dfe6ef;border-radius:12px;background:#fafbfd}.termination-section{display:grid;gap:14px;padding:25px 0;border-top:1px solid #e7ecf2}.termination-section h2{margin:0}.termination-summary{padding:15px;border-radius:13px;background:#eef5ff}.termination-summary p{margin:5px 0 0;font-size:11px}.termination-submit{width:100%;margin-top:18px}.receipt-shell{width:min(760px,calc(100% - 40px));margin:0 auto;padding:95px 0 120px}.receipt-check{display:grid;width:58px;height:58px;margin-bottom:20px;place-items:center;border-radius:50%;color:#fff;background:#20ad70;font-size:25px}.receipt-card dl{display:grid;gap:0;margin:25px 0;border:1px solid #e2e8f0;border-radius:14px}.receipt-card dl div{display:grid;grid-template-columns:170px 1fr;gap:15px;padding:12px 15px;border-bottom:1px solid #e8edf3}.receipt-card dl div:last-child{border:0}.receipt-card dt{color:#738195}.receipt-card dd{margin:0;font-weight:800}.receipt-actions{display:flex;flex-wrap:wrap;gap:9px}

/* Local authenticator enrollment; no external QR service receives the secret. */
.totp-setup{max-width:560px}.totp-qr{width:min(300px,100%);margin:18px auto;padding:12px;border:1px solid #dce4ee;border-radius:18px;background:#fff}.totp-qr svg{display:block;width:100%;height:auto}.totp-setup ol{padding-left:22px;color:#637287;font-size:13px}.totp-setup details{margin:14px 0;padding:12px;border-radius:11px;background:#f3f6fa}.totp-setup details code{display:block;margin-top:8px;overflow-wrap:anywhere}.recovery-panel{max-width:540px}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.recovery-codes code{padding:11px;border:1px solid #dce4ee;border-radius:9px;text-align:center}.security-active{border-color:#a8dec6;background:#f5fcf8}
.status-overall.operational>i{background:#38d58a;box-shadow:0 0 0 6px rgba(56,213,138,.12)}.status-overall.pending>i{background:#f3b34a;box-shadow:0 0 0 6px rgba(243,179,74,.12)}.status-overall.degraded>i,.status-overall.maintenance>i{background:#e05a6f;box-shadow:0 0 0 6px rgba(224,90,111,.12)}.state-dot.pending{background:#f0b64d}.state-dot.degraded{background:#e07640}.status-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.status-metrics article{display:grid;gap:6px;padding:18px;border:1px solid #dde5ef;border-radius:15px;background:#f8fafc}.status-metrics small{color:#78869a}.status-metrics b{font-size:20px}
.demo-banner{margin:0 0 18px;padding:14px 18px;border:1px solid #c9d9f8;border-radius:13px;color:#184d9a;background:#f1f6ff}.demo-option{display:flex!important;gap:10px;align-items:flex-start;padding:13px;border:1px solid #dce4ee;border-radius:12px;background:#f8fafc}.demo-credentials{display:grid;gap:7px;margin:15px 0;padding:15px;border-radius:12px;background:#ecf9f3}.demo-credentials code{overflow-wrap:anywhere}
@media(max-width:1080px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plans article:last-child{grid-column:1/-1}.termination-shell{grid-template-columns:1fr}.termination-hero{position:static}}
@media(max-width:680px){.plans{grid-template-columns:1fr}.plans article:last-child{grid-column:auto}.termination-choice>div,.inline-options,.termination-date-choice,.status-metrics,.recovery-codes{grid-template-columns:1fr}.receipt-card dl div{grid-template-columns:1fr;gap:3px}}

/* v22 customer center: focused subpages, premium workspace and reliable hidden fields. */
[hidden] { display: none !important; }
.form-trap { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; opacity: 0 !important; pointer-events: none !important; }
.page-dashboard { background: #f3f6fb; }
.member-workspace { grid-template-columns: 282px minmax(0,1fr); background: radial-gradient(circle at 90% 0,rgba(55,125,255,.08),transparent 30%),#f3f6fb; }
.member-workspace .workspace-nav { z-index: 3; padding: 22px 18px; border-right: 1px solid #1e2d45; background: linear-gradient(180deg,#0b1423 0%,#0e192b 100%); }
.member-workspace .workspace-user { margin-bottom: 18px; padding: 10px; border: 1px solid rgba(255,255,255,.08); border-radius: 15px; color: #fff; background: rgba(255,255,255,.035); }
.member-workspace .workspace-user > span { background: linear-gradient(135deg,#1675ff,#7c5cff); box-shadow: 0 8px 22px rgba(22,117,255,.32); }
.member-workspace .workspace-user small { color: #8393aa; }
.member-workspace .workspace-nav nav { gap: 5px; }
.member-workspace .workspace-nav nav a { position: relative; min-height: 46px; color: #93a2b8; }
.member-workspace .workspace-nav nav a:hover { color: #fff; background: rgba(255,255,255,.055); }
.member-workspace .workspace-nav nav a.active { color: #fff; background: linear-gradient(90deg,rgba(35,119,255,.24),rgba(35,119,255,.08)); box-shadow: inset 0 0 0 1px rgba(92,151,255,.16); }
.member-workspace .workspace-nav nav a.active::before { position: absolute; top: 12px; bottom: 12px; left: -18px; width: 3px; border-radius: 0 4px 4px 0; background: #4b91ff; box-shadow: 0 0 15px #4b91ff; content: ""; }
.member-workspace .workspace-nav nav a i { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; background: rgba(255,255,255,.045); font-size: 13px; }
.member-workspace .workspace-help { border: 1px solid rgba(88,151,255,.18); background: radial-gradient(circle at 100% 0,rgba(79,140,255,.22),transparent 47%),#121f34; }
.member-workspace .workspace-main { max-width: 1480px; padding: 38px clamp(24px,4vw,62px) 90px; }
.member-page-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 28px; }
.member-page-header h1 { margin: 5px 0 4px; font-size: clamp(35px,4vw,52px); letter-spacing: -.045em; }
.member-page-header p { margin: 0; color: #758398; }
.member-new-address { box-shadow: 0 11px 25px rgba(8,120,249,.2); }
.member-welcome { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 245px; min-height: 330px; overflow: hidden; padding: clamp(30px,5vw,58px); border-radius: 28px; color: #fff; background: radial-gradient(circle at 82% 28%,rgba(63,142,255,.38),transparent 23%),radial-gradient(circle at 95% 100%,rgba(116,86,255,.24),transparent 37%),linear-gradient(135deg,#091321,#112645); box-shadow: 0 30px 75px rgba(17,38,69,.2); }
.member-welcome::after { position: absolute; right: 18%; bottom: -80px; width: 300px; height: 180px; border: 1px solid rgba(255,255,255,.08); border-radius: 50%; transform: rotate(-14deg); content: ""; }
.member-kicker { color: #81b1ff; font-size: 11px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.member-welcome h2 { max-width: 700px; margin: 13px 0 17px; color: #fff; font-size: clamp(31px,4vw,51px); line-height: 1.04; letter-spacing: -.04em; }
.member-welcome p { max-width: 610px; color: #aab9ce; }
.member-welcome-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }
.button.light { color: #0b1b33; background: #fff; }.button.glass { color: #fff; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.07); }
.welcome-orbit { position: relative; display: grid; align-self: center; width: 210px; height: 210px; place-items: center; border: 1px solid rgba(142,185,255,.17); border-radius: 50%; box-shadow: inset 0 0 55px rgba(42,119,248,.08); }
.welcome-orbit span { display: grid; width: 88px; height: 88px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 27px; background: linear-gradient(135deg,#1679ff,#7c5cff); box-shadow: 0 20px 45px rgba(36,109,255,.35); font-size: 35px; transform: rotate(-6deg); }
.welcome-orbit i { position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #55d99b; box-shadow: 0 0 0 8px rgba(85,217,155,.1),0 0 24px #55d99b; animation: orbit-pulse 2.4s ease-in-out infinite; }.welcome-orbit i:nth-child(2){top:20px;right:37px}.welcome-orbit i:nth-child(3){right:10px;bottom:53px;width:7px;height:7px;background:#7daeff}.welcome-orbit i:nth-child(4){bottom:12px;left:52px;width:8px;height:8px;background:#a588ff}
@keyframes orbit-pulse { 50% { transform: scale(1.28); opacity:.72; } }
.member-stats { margin: 15px 0 18px; }.member-stats article { border-color:#e1e7f0; box-shadow:0 12px 30px rgba(20,42,73,.05); }
.member-bento { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.member-action-card { position: relative; display: grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; min-height:150px; padding:24px; overflow:hidden; border:1px solid #dfe6ef; border-radius:20px; color:#172033; background:#fff; box-shadow:0 12px 35px rgba(25,48,79,.055); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.member-action-card:hover { transform:translateY(-3px); border-color:#bed3f5; box-shadow:0 22px 48px rgba(25,48,79,.11); }.member-action-card.wide{min-height:175px}.member-action-card>div{min-width:0}.member-action-card small{color:#7e8ba0;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.member-action-card h3{margin:5px 0;font-size:21px}.member-action-card p{margin:0;color:#768499;font-size:12px}.member-action-card>b{font-size:21px;color:#9ba8b9}.action-symbol{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;font-weight:900}.action-symbol.blue{color:#1266e9;background:#eaf2ff}.action-symbol.green{color:#058251;background:#e8f8f1}.action-symbol.violet{color:#6e52e5;background:#f0edff}.action-symbol.amber{color:#aa6700;background:#fff2dc}
.mailbox-compact-list { overflow:hidden; border:1px solid #dfe6ef; border-radius:19px; background:#fff; box-shadow:0 12px 35px rgba(25,48,79,.05); }.mailbox-compact-list>a{display:grid;grid-template-columns:7px minmax(0,1fr) auto 20px;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid #edf0f5;color:#172033}.mailbox-compact-list>a:last-child{border:0}.mailbox-compact-list>a>i{width:7px;height:34px;border-radius:7px;background:var(--accent)}.mailbox-compact-list>a>div{display:flex;min-width:0;flex-direction:column}.mailbox-compact-list small{color:#8290a3}.mailbox-compact-list>a>strong{font-size:21px;color:#a1adbc}
.mail-command { display:flex;justify-content:space-between;gap:24px;padding:28px;border:1px solid #dce5f1;border-radius:22px;background:linear-gradient(135deg,#fff,#f4f8ff);box-shadow:0 14px 40px rgba(31,66,113,.06) }.mail-command h2{margin:6px 0;font-size:30px}.mail-command p{margin:0;color:#738196}.mail-command nav{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.mail-command nav a{padding:8px 11px;border:1px solid #d8e3f2;border-radius:9px;color:#476078;background:#fff;font-size:11px;font-weight:850}.mailbox-quota{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:11px;background:#f4f7fb;color:#728096;font-size:12px}.mailbox-quota b{color:#25354a}.alias-builder-card>p{margin:0;color:#748297;font-size:12px}.alias-address-builder{display:grid;grid-template-columns:minmax(90px,1fr) auto;overflow:hidden;border:1px solid #cbd6e4;border-radius:11px;background:#fff}.alias-address-builder input{border:0!important;margin:0!important;box-shadow:none!important}.alias-address-builder span{display:flex;align-items:center;padding:0 11px;border-left:1px solid #dde5ef;color:#7c899a;background:#f2f5f9;font-size:12px}.alias-builder-card label>small{display:block;margin-top:6px}.member-workspace .settings-hub{margin:0;padding:0}.member-workspace .content-heading>a{color:#1266e9;font-size:12px;font-weight:850}
.groupware-hero { display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:335px;overflow:hidden;padding:clamp(30px,5vw,55px);border-radius:27px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(164,125,255,.36),transparent 30%),linear-gradient(135deg,#16102c,#271b53);box-shadow:0 28px 65px rgba(35,26,76,.2)}.groupware-hero h2{margin:10px 0 16px;color:#fff;font-size:clamp(36px,5vw,55px);line-height:1.02}.groupware-hero p{max-width:580px;color:#b9afd5}.groupware-hero .button{margin-top:18px;background:#fff;color:#281b53}.groupware-visual{position:relative;align-self:center;height:220px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:rgba(255,255,255,.07);box-shadow:0 25px 60px rgba(0,0,0,.2);transform:rotate(3deg)}.groupware-visual span{display:grid;width:82px;height:82px;margin:25px;place-items:center;border-radius:21px;background:linear-gradient(135deg,#8b67ff,#e573c5);font-size:31px;font-weight:900}.groupware-visual i{position:absolute;right:20px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.1);font-style:normal;font-weight:800}.groupware-visual i:nth-of-type(1){top:27px}.groupware-visual i:nth-of-type(2){top:82px}.groupware-visual i:nth-of-type(3){top:137px}.setup-steps{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px;margin-top:20px;padding:30px;border:1px solid #dfe5ef;border-radius:21px;background:#fff}.setup-steps h2{margin:7px 0}.setup-steps ol{display:grid;gap:9px;margin:0;padding:0;counter-reset:steps}.setup-steps li{display:grid;grid-template-columns:35px 1fr;gap:3px 12px;padding:13px;border-radius:13px;background:#f6f8fb;list-style:none;counter-increment:steps}.setup-steps li::before{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:#fff;background:#7557eb;content:counter(steps);font-weight:900}.setup-steps li span{color:#7b8899;font-size:11px}
.security-stage { position:relative;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;padding:35px;border-radius:25px;color:#fff;background:radial-gradient(circle at 88% 20%,rgba(255,185,70,.22),transparent 28%),linear-gradient(135deg,#141826,#29202d);box-shadow:0 26px 62px rgba(29,27,42,.18)}.security-stage.is-secure{background:radial-gradient(circle at 88% 20%,rgba(45,224,150,.24),transparent 28%),linear-gradient(135deg,#091d1a,#12382d)}.security-stage>div{display:flex;align-items:center;gap:19px}.security-stage-icon{display:grid;flex:0 0 65px;width:65px;height:65px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:19px;background:rgba(255,255,255,.08);font-size:27px;box-shadow:inset 0 0 22px rgba(255,255,255,.04)}.security-stage h2{margin:6px 0;color:#fff;font-size:31px}.security-stage p{margin:0;color:#aeb7c8}.security-status{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:99px;background:rgba(255,255,255,.07);font-size:11px;font-weight:850;white-space:nowrap}.security-status i{width:8px;height:8px;border-radius:50%;background:#f3ad43;box-shadow:0 0 0 5px rgba(243,173,67,.12)}.is-secure .security-status i{background:#35d890;box-shadow:0 0 0 5px rgba(53,216,144,.12)}.security-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.security-option-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #dce4ee;border-radius:21px;background:#fff;box-shadow:0 14px 42px rgba(23,47,79,.06)}.security-option-card.featured{border-color:#bcd3f9;background:linear-gradient(145deg,#fff,#f4f8ff)}.security-option-card.security-active{border-color:#9bdec1;background:linear-gradient(145deg,#fff,#effbf5)}.security-option-label{position:absolute;top:20px;right:20px;padding:5px 8px;border-radius:99px;color:#1764cf;background:#e7f0ff;font-size:9px;font-weight:900;text-transform:uppercase}.security-option-card h3{margin:0;font-size:24px}.security-option-card>p{margin:0;color:#728095}.security-option-card>code{padding:10px;border-radius:9px;color:#225491;background:#edf4ff;overflow-wrap:anywhere}.security-facts{display:grid;gap:7px;padding:14px 0;border-block:1px solid #e5ebf2}.security-facts span{color:#56677c;font-size:11px;font-weight:750}.security-note{padding:14px 17px;border-radius:12px;color:#66768b;background:#e9eef5;font-size:11px}
.account-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-profile-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:28px;border-radius:23px;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(69,137,255,.3),transparent 30%),#0d192b;box-shadow:0 24px 60px rgba(18,39,68,.17)}.account-avatar{display:grid;width:63px;height:63px;place-items:center;border-radius:19px;background:linear-gradient(135deg,#1679ff,#7a59f3);font-size:24px;font-weight:900}.account-profile-card h2{margin:4px 0;color:#fff}.account-profile-card p{margin:0;color:#9eadc2}.account-panel{padding:26px;border:1px solid #dce4ee;border-radius:20px;background:#fff;box-shadow:0 12px 38px rgba(24,48,80,.05)}.account-panel h2{margin:5px 0}.account-panel>p{color:#738196}.account-panel dl{margin:18px 0}.account-panel dl>div{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f4}.account-panel dt{color:#7d899b}.account-panel dd{margin:0;font-weight:800;overflow-wrap:anywhere}.account-panel dd code{color:#155fbf}.text-action{display:inline-flex;margin-top:12px;color:#1266e9;font-size:12px;font-weight:850}.danger-zone{border-color:#efc9cf;background:#fffafb}.button.danger{background:#bd3147}.account-panel.quiet{background:#f8fafc}
.support-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;min-height:310px;overflow:hidden;padding:clamp(30px,5vw,52px);border-radius:27px;color:#fff;background:radial-gradient(circle at 84% 25%,rgba(58,141,255,.35),transparent 28%),linear-gradient(135deg,#081729,#123b69);box-shadow:0 28px 65px rgba(16,49,84,.2)}.support-hero h2{margin:9px 0;color:#fff;font-size:clamp(38px,5vw,56px);line-height:1}.support-hero p{color:#a9bad0}.kb-search{display:flex;align-items:center;gap:9px;max-width:530px;margin-top:25px;padding:8px 14px;border:1px solid rgba(255,255,255,.17);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px)}.kb-search input{margin:0;border:0;color:#fff;background:transparent;box-shadow:none}.kb-search input::placeholder{color:#a9bad0}.support-hero-art{position:relative;display:grid;align-self:center;width:205px;height:205px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%}.support-hero-art span{display:grid;width:92px;height:92px;place-items:center;border-radius:29px;background:linear-gradient(135deg,#1b7fff,#7558ed);box-shadow:0 24px 48px rgba(21,103,234,.4);font-size:42px;font-weight:900;transform:rotate(7deg)}.support-hero-art i{position:absolute;width:10px;height:10px;border-radius:50%;background:#42dc99;box-shadow:0 0 0 7px rgba(66,220,153,.11)}.support-hero-art i:first-of-type{top:21px;right:35px}.support-hero-art i:last-child{bottom:30px;left:22px;background:#80aeff}.support-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:20px}.support-layout aside{padding-top:42px}.kb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kb-grid>a{padding:21px;border:1px solid #dce4ee;border-radius:17px;color:#172033;background:#fff;box-shadow:0 10px 30px rgba(24,48,80,.045);transition:.2s ease}.kb-grid>a:hover{transform:translateY(-3px);border-color:#bed4f8;box-shadow:0 18px 38px rgba(24,48,80,.09)}.kb-grid>a>span{color:#2170df;font-size:9px;font-weight:900;text-transform:uppercase}.kb-grid h3{margin:8px 0}.kb-grid p{color:#778599;font-size:12px}.kb-grid>a>b{color:#286dcc;font-size:11px}.kb-empty{padding:25px;border-radius:14px;background:#eef3f9;text-align:center}.faq-heading{margin-top:50px}.support-faq{overflow:hidden;border:1px solid #dce4ee;border-radius:18px;background:#fff}.support-faq details{border-bottom:1px solid #e8edf3}.support-faq details:last-child{border:0}.support-faq summary{display:flex;justify-content:space-between;gap:15px;padding:17px 20px;cursor:pointer;font-weight:850}.support-faq summary span{color:#2271dc}.support-faq details[open] summary span{transform:rotate(45deg)}.support-faq details p{margin:0;padding:0 20px 19px;color:#708095;font-size:12px}.ticket-list-card,.new-ticket-card{padding:22px;border:1px solid #dce4ee;border-radius:19px;background:#fff;box-shadow:0 14px 40px rgba(24,48,80,.06)}.ticket-list-card>header{display:flex;justify-content:space-between;align-items:center}.ticket-list-card h2,.new-ticket-card h2{margin:5px 0}.ticket-list-card>header>b{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#1766d6;background:#eaf2ff}.ticket-list{margin:16px -9px -7px}.ticket-list>a{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:12px 9px;border-top:1px solid #edf0f4;color:#26364a}.ticket-list>a>div{display:flex;min-width:0;flex-direction:column}.ticket-list small{color:#8995a6}.ticket-dot{width:8px;height:8px;border-radius:50%;background:#efad42}.ticket-dot.answered{background:#2cb977}.ticket-dot.closed{background:#9aa6b5}.ticket-list-empty{text-align:center;color:#77869a}.ticket-list-empty>span{display:grid;width:40px;height:40px;margin:15px auto 5px;place-items:center;border-radius:50%;color:#188258;background:#e6f8f0}.new-ticket-card{display:grid;gap:11px;margin-top:14px;background:linear-gradient(145deg,#fff,#f6f9ff)}.new-ticket-card>p,.new-ticket-card>small{margin:0;color:#7b889b}.ticket-detail,.kb-article-view{padding:clamp(24px,4vw,42px);border:1px solid #dce4ee;border-radius:23px;background:#fff;box-shadow:0 20px 55px rgba(24,48,80,.08)}.ticket-detail>header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e7ecf2;padding-bottom:20px}.ticket-detail h2,.kb-article-view h2{margin:7px 0;font-size:clamp(29px,4vw,42px)}.ticket-status{align-self:flex-start;padding:7px 10px;border-radius:99px;color:#9c6207;background:#fff1db;font-size:10px;font-weight:900}.ticket-status.answered{color:#08714b;background:#e6f8f0}.ticket-status.closed{color:#68778b;background:#edf1f5}.ticket-thread{display:grid;gap:13px;padding:25px 0}.ticket-thread article{max-width:82%;padding:15px;border-radius:15px;background:#f0f3f7}.ticket-thread .from-customer{margin-left:auto;color:#fff;background:linear-gradient(135deg,#126ce9,#2256b8)}.ticket-thread article>div{display:flex;justify-content:space-between;gap:15px}.ticket-thread small{opacity:.7}.ticket-thread p{margin:8px 0 0}.ticket-reply{display:grid;gap:10px;padding-top:20px;border-top:1px solid #e7ecf2}.ticket-closed-note{padding:14px;border-radius:11px;background:#edf1f5;color:#6e7d90}.kb-article-view>.eyebrow{display:block;margin-top:30px}.kb-article-view>p{max-width:800px;color:#526176;line-height:1.8}.kb-article-view footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;padding:18px;border-radius:14px;background:#eff5ff}.kb-article-view footer span{font-weight:850}
.ultra-inquiry-shell{display:grid;grid-template-columns:minmax(380px,.85fr) minmax(500px,1.15fr);min-height:calc(100vh - 76px);background:#f4f6fa}.ultra-inquiry-copy{position:relative;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;overflow:hidden;padding:70px clamp(30px,6vw,90px);color:#fff;background:radial-gradient(circle at 90% 10%,rgba(138,97,255,.3),transparent 30%),linear-gradient(145deg,#0b1423,#241747)}.ultra-inquiry-copy::after{position:absolute;right:-110px;bottom:-110px;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.025);content:""}.ultra-inquiry-copy .register-back{position:absolute;top:35px;left:clamp(30px,6vw,90px);color:#94a5be}.ultra-inquiry-copy h1{margin:12px 0;color:#fff;font-size:clamp(50px,7vw,78px);line-height:.92}.ultra-inquiry-copy h1 em{color:#a98bff;font-style:normal}.ultra-inquiry-copy p{max-width:520px;color:#aab5c8}.ultra-signal{display:flex;align-items:center;gap:12px;margin-top:25px}.ultra-signal>i{width:10px;height:10px;border-radius:50%;background:#42db98;box-shadow:0 0 0 7px rgba(66,219,152,.11),0 0 24px #42db98}.ultra-signal span{display:flex;flex-direction:column}.ultra-signal small{color:#899ab2}.ultra-form,.ultra-success{align-self:center;width:min(650px,calc(100% - 40px));margin:50px auto;padding:clamp(25px,4vw,44px);border:1px solid #dce4ee;border-radius:25px;background:#fff;box-shadow:0 25px 70px rgba(21,45,78,.11)}.ultra-form>header{display:flex;justify-content:space-between;color:#6c52dd;font-size:11px;font-weight:900;text-transform:uppercase}.ultra-form>header>b{padding:5px 8px;border-radius:99px;background:#eeeaff}.ultra-form h2{margin:12px 0 5px;font-size:32px}.ultra-form>p{margin:0 0 22px;color:#7b8899}.ultra-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;padding:0;border:0}.ultra-needs legend{grid-column:1/-1;margin-bottom:7px;font-weight:800}.ultra-needs label{position:relative;display:grid;gap:7px;padding:13px;border:1px solid #dce4ee;border-radius:12px;cursor:pointer}.ultra-needs input{position:absolute;opacity:0}.ultra-needs label:has(input:checked){color:#6749d5;border-color:#8e72f0;background:#f3f0ff;box-shadow:0 0 0 3px rgba(118,84,231,.1)}.ultra-needs span{font-size:18px}.ultra-needs b{font-size:11px}.ultra-submit{width:100%;margin-top:21px}.ultra-privacy{display:block;margin-top:10px;color:#8995a5;text-align:center}.ultra-success{text-align:center}.success-rings{display:grid;width:110px;height:110px;margin:10px auto 28px;place-items:center;border:1px solid #bbe8d4;border-radius:50%;box-shadow:0 0 0 14px #e9f9f2,0 0 0 28px #f4fcf8;animation:success-pop .55s ease both}.success-rings span{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#20b777,#42d69a);font-size:30px}@keyframes success-pop{from{opacity:0;transform:scale(.6) rotate(-15deg)}to{opacity:1;transform:none}}.ultra-success h2{font-size:42px;margin:8px}.ultra-success p{color:#728096}.friends-plan .plan-label{top:12px;right:12px;max-width:110px;text-align:center}.friends-plan>span{margin-top:20px}
@media(max-width:1100px){.member-workspace{grid-template-columns:88px minmax(0,1fr)}.member-workspace .workspace-nav{padding-inline:12px}.member-workspace .workspace-user div,.member-workspace .workspace-help,.member-workspace .workspace-nav nav a span{display:none}.member-workspace .workspace-user{justify-content:center}.member-workspace .workspace-nav nav a{justify-content:center;padding-inline:0}.member-workspace .workspace-nav nav a i{font-size:14px}.support-layout{grid-template-columns:1fr}.support-layout aside{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:0}.new-ticket-card{margin-top:0}.ultra-inquiry-shell{grid-template-columns:1fr}.ultra-inquiry-copy{min-height:480px}.settings-hub{margin-left:0}}
@media(max-width:820px){.member-workspace .workspace-nav{position:sticky;top:68px;height:auto;padding:9px 12px;background:#0b1423}.member-workspace .workspace-user{display:none}.member-workspace .workspace-nav nav{display:flex;overflow-x:auto}.member-workspace .workspace-nav nav a{flex:0 0 auto;min-width:auto;padding:0 12px;font-size:12px}.member-workspace .workspace-nav nav a span{display:inline}.member-workspace .workspace-nav nav a.active::before{top:auto;right:12px;bottom:-9px;left:12px;width:auto;height:2px}.member-page-header{align-items:flex-start;flex-direction:column}.member-welcome,.groupware-hero,.support-hero{grid-template-columns:1fr}.welcome-orbit,.groupware-visual,.support-hero-art{display:none}.security-stage{align-items:flex-start;flex-direction:column}.security-choice-grid,.account-layout{grid-template-columns:1fr}.account-profile-card{grid-template-columns:auto 1fr}.account-profile-card>.status{grid-column:2}.support-layout aside{grid-template-columns:1fr}.kb-grid{grid-template-columns:1fr}.ultra-inquiry-copy{min-height:410px}.setup-steps{grid-template-columns:1fr}}
@media(max-width:620px){.member-workspace .workspace-main{padding:24px 15px 60px}.member-page-header h1{font-size:37px}.member-new-address{width:100%}.member-welcome{min-height:auto;padding:29px 23px;border-radius:21px}.member-welcome h2{font-size:34px}.member-welcome-actions{align-items:stretch;flex-direction:column}.member-bento{grid-template-columns:1fr}.member-action-card,.member-action-card.wide{min-height:135px;padding:19px}.mail-command{align-items:flex-start;flex-direction:column}.mail-command nav{width:100%}.alias-address-builder{grid-template-columns:1fr}.alias-address-builder span{min-height:38px;border-top:1px solid #dde5ef;border-left:0}.security-stage{padding:25px 20px}.security-stage>div{align-items:flex-start}.security-stage-icon{flex-basis:48px;width:48px;height:48px}.security-stage h2{font-size:26px}.security-choice-grid{grid-template-columns:1fr}.security-option-card{padding:23px 19px}.account-profile-card{padding:22px 18px}.account-panel dl>div{grid-template-columns:1fr;gap:3px}.support-hero{min-height:auto;padding:30px 21px}.support-hero h2{font-size:38px}.ticket-thread article{max-width:94%}.ticket-detail>header,.kb-article-view footer{align-items:flex-start;flex-direction:column}.ultra-inquiry-copy{min-height:390px;padding:80px 24px 45px}.ultra-inquiry-copy .register-back{left:24px}.ultra-inquiry-copy h1{font-size:52px}.ultra-form,.ultra-success{width:calc(100% - 24px);margin:12px auto 35px;padding:24px 18px}.ultra-needs{grid-template-columns:repeat(2,1fr)}.friends-plan>span{margin-top:30px}}

/* Fixed-size choices prevent content length from changing the visual rhythm. */
.domain-picker>div{align-items:stretch}.domain-option{height:68px;min-height:68px}.domain-option b{white-space:nowrap}
.ultra-needs legend small{margin-left:7px;color:#7f8ba0;font-size:9px}.ultra-needs label{grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;gap:4px 7px;height:82px;min-height:82px}.ultra-needs span{grid-column:1}.ultra-needs b{grid-column:1;white-space:nowrap}.ultra-needs em{display:grid;grid-column:2;grid-row:1/3;width:22px;height:22px;place-items:center;align-self:center;border:1px solid #d9e0e9;border-radius:50%;color:transparent;background:#fff;font-size:10px;font-style:normal}.ultra-needs label:has(input:checked) em{color:#fff;border-color:#7654e7;background:#7654e7}.ultra-other{display:block;margin:-8px 0 18px}.ultra-other[hidden]{display:none}.ultra-selection-error{margin:-8px 0 16px;padding:10px 12px;border:1px solid #f0c7c4;border-radius:10px;color:#a52a25;background:#fff2f1;font-size:11px;font-weight:800}
.contract-runtime-list{display:grid;gap:8px;margin:17px 0}.contract-runtime-list article{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:11px;padding:12px;border:1px solid #ead9d7;border-radius:13px;background:#fff}.contract-runtime-list article>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;color:#8a5c13;background:#fff1d9;font-weight:900}.contract-runtime-list article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.contract-runtime-list small{color:#78869a}.contract-runtime-list strong{color:#9a3c36;font-size:10px}.contract-runtime-list .is-immediate>span{color:#126ad9;background:#eaf3ff}.contract-runtime-list .is-scheduled{border-color:#bcd8c9;background:#f5fcf8}.contract-runtime-list .is-scheduled>span{color:#087149;background:#dcf6e9}.contract-runtime-list .is-scheduled strong{color:#087149}
.termination-runtime{display:flex;align-items:center;gap:11px;margin:12px 0 2px;padding:13px 14px;border:1px solid #cfe0f7;border-radius:13px;background:#f4f8ff}.termination-runtime>span{display:grid;width:37px;height:37px;place-items:center;border-radius:11px;color:#1267d7;background:#e4efff}.termination-runtime>div{display:flex;flex-direction:column;gap:2px}.termination-runtime small{color:#62748c}.termination-runtime.is-scheduled{border-color:#b7dfca;background:#f1fbf6}.termination-runtime.is-scheduled>span{color:#087149;background:#dcf6e9}
@media(max-width:620px){.domain-option{height:72px;min-height:72px}.ultra-needs label{height:86px;min-height:86px}.ultra-needs b{white-space:normal}}
.support-admin-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.support-admin-list article{border:1px solid #dce4ee;border-radius:17px;background:#fff}.support-admin-list header h3{margin:8px 0 3px}.support-admin-list header small{color:#7b899b}.support-admin-list article>p{padding:12px;border-radius:10px;background:#f4f7fa;color:#5f6f83;font-size:12px}.support-admin-list form{display:grid;gap:8px}.support-status-form{grid-template-columns:1fr auto;margin-top:12px}.support-status-form select{margin:0}@media(max-width:900px){.support-admin-list{grid-template-columns:1fr}}

/* Compact premium wordmark: envelope, roof line and live-service signal. */
.header-logo{position:relative;gap:10px;color:#101a2c;isolation:isolate}.header-logo::before{position:absolute;inset:-7px -12px;border:1px solid transparent;border-radius:16px;background:linear-gradient(110deg,rgba(238,245,255,.8),rgba(255,255,255,.25)) padding-box;opacity:0;transform:scale(.94);transition:opacity .25s ease,transform .35s cubic-bezier(.22,1,.36,1);content:"";z-index:-1}.header-logo:hover::before{opacity:1;transform:none}.header-logo-mark{position:relative;display:grid;width:40px;height:40px;flex:0 0 40px;overflow:hidden;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:13px;background:radial-gradient(circle at 75% 20%,rgba(132,190,255,.9),transparent 24%),linear-gradient(145deg,#0b78ff,#0751d7 62%,#4329a9);box-shadow:0 10px 24px rgba(8,91,221,.25),inset 0 1px rgba(255,255,255,.35);transform:rotate(-2deg);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.header-logo:hover .header-logo-mark{box-shadow:0 14px 30px rgba(8,91,221,.32),inset 0 1px rgba(255,255,255,.4);transform:rotate(0) translateY(-1px)}.header-logo-mark::after{position:absolute;top:-25%;left:-70%;width:45%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(18deg);transition:left .55s ease;content:""}.header-logo:hover .header-logo-mark::after{left:130%}.header-logo .header-logo-mark svg{width:31px;height:31px;overflow:visible;fill:none;stroke:#fff;stroke-width:2;filter:drop-shadow(0 3px 6px rgba(1,26,75,.22))}.header-logo-mark .logo-envelope{stroke-linejoin:round}.header-logo-mark .logo-home{stroke:#bfe2ff;stroke-linecap:round}.header-logo-mark circle{fill:#65e0ad;stroke:#fff;stroke-width:1.25;filter:drop-shadow(0 0 4px rgba(101,224,173,.9))}.header-logo-copy{display:flex;flex-direction:column;line-height:1}.header-logo-copy>b{display:flex;align-items:baseline;font-size:20px;letter-spacing:-.045em}.header-logo-copy>b span{font-weight:850}.header-logo-copy>b em{margin-left:1px;color:#0b68ef;font-style:normal;font-weight:850}.header-logo-copy>small{margin-top:4px;color:#8a96a8;font-size:7px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.site-header:has(.header-logo:hover){border-bottom-color:rgba(111,160,226,.55)}
@media(max-width:620px){.header-logo-mark{width:37px;height:37px;flex-basis:37px;border-radius:12px}.header-logo-copy>b{font-size:18px}.header-logo-copy>small{display:none}}
@media(prefers-reduced-motion:reduce){.header-logo::before,.header-logo-mark,.header-logo-mark::after{transition:none}.header-logo:hover .header-logo-mark{transform:rotate(-2deg)}}

/* Header navigation shares the wordmark's polished glass-and-blue language. */
@media(min-width:821px){.site-header .site-navigation{gap:2px;padding:4px;border:1px solid rgba(215,224,237,.78);border-radius:14px;background:rgba(246,249,253,.78);box-shadow:inset 0 1px rgba(255,255,255,.9),0 8px 25px rgba(25,50,84,.045)}.site-header .site-navigation>a,.site-header .nav-link{position:relative;min-height:38px;padding-inline:14px;overflow:hidden;border-radius:10px;color:#4c5c72;font-size:13px;transition:color .2s ease,background .2s ease,box-shadow .25s ease,transform .25s cubic-bezier(.22,1,.36,1)}.site-header .site-navigation>a::after{position:absolute;right:15px;bottom:5px;left:15px;height:2px;border-radius:3px;background:linear-gradient(90deg,#0b72f7,#765cf0);content:"";opacity:0;transform:scaleX(.25);transition:opacity .2s ease,transform .3s cubic-bezier(.22,1,.36,1)}.site-header .site-navigation>a:hover,.site-header .site-navigation>a[aria-current="page"],.site-header .nav-link:hover{color:#0a5fde;background:#fff;box-shadow:0 6px 16px rgba(31,75,137,.09);transform:translateY(-1px)}.site-header .site-navigation>a:hover::after,.site-header .site-navigation>a[aria-current="page"]::after{opacity:1;transform:scaleX(1)}.site-header .site-navigation>.nav-cta{min-height:38px;margin-left:4px;padding-inline:18px!important;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 80% 15%,rgba(122,166,255,.45),transparent 27%),linear-gradient(135deg,#101c31,#075fdc)!important;box-shadow:0 8px 20px rgba(8,74,180,.22);transform:none}.site-header .site-navigation>.nav-cta::after{inset:auto -20% -70% auto;width:65px;height:65px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:transparent;opacity:1;transform:none}.site-header .site-navigation>.nav-cta:hover{color:#fff;background:radial-gradient(circle at 80% 15%,rgba(146,183,255,.5),transparent 28%),linear-gradient(135deg,#142540,#086af1)!important;box-shadow:0 12px 27px rgba(8,74,180,.3);transform:translateY(-1px)}}
.site-header .nav-toggle{position:relative;overflow:hidden;border-color:#d4deeb;border-radius:13px;background:linear-gradient(145deg,#fff,#f3f7fc);box-shadow:0 7px 19px rgba(31,62,103,.09);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.site-header .nav-toggle:hover{border-color:#aac8f4;box-shadow:0 10px 23px rgba(31,80,150,.14)}.site-header .nav-toggle span{transition:transform .25s ease,opacity .2s ease}.site-header .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.site-header .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:820px){.site-header .site-navigation{top:calc(100% + 9px);right:12px;left:12px;gap:5px;padding:10px;border:1px solid rgba(205,216,231,.9);border-radius:19px;background:rgba(255,255,255,.97);box-shadow:0 25px 70px rgba(21,43,75,.18);backdrop-filter:blur(22px);transform-origin:top;animation:mobile-nav-in .25s cubic-bezier(.22,1,.36,1)}.site-header .site-navigation>a,.site-header .nav-link{position:relative;min-height:52px;padding:0 17px;border-radius:13px;color:#34445a;background:#f7f9fc;font-size:14px}.site-header .site-navigation>a::after{position:absolute;right:17px;color:#9ba9bb;content:"→"}.site-header .site-navigation>a:hover,.site-header .site-navigation>a[aria-current="page"],.site-header .nav-link:hover{color:#075fdc;background:#edf4ff}.site-header .site-navigation>.nav-cta{justify-content:center;margin-top:3px;color:#fff!important;background:linear-gradient(135deg,#10213c,#0867ea)!important;box-shadow:0 10px 24px rgba(8,82,196,.22)}.site-header .site-navigation>.nav-cta::after{color:#fff}.site-header .site-navigation form{width:100%}@keyframes mobile-nav-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.site-header .site-navigation{animation:none}.site-header .nav-toggle span,.site-header .site-navigation>a{transition:none}}

/* Live syntax feedback for the requested mailbox name. */
.address-character-rules{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:9px 0 17px}.address-character-rules>span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #e0e6ee;border-radius:999px;color:#7b8798;background:#f8fafc;font-size:9px;font-weight:800;transition:border-color .18s ease,color .18s ease,background .18s ease}.address-character-rules>span i{display:grid;width:14px;height:14px;place-items:center;border-radius:50%;color:transparent;background:#e3e8ef;font-size:8px;font-style:normal}.address-character-rules>span.is-valid{color:#08734b;border-color:#bce5d2;background:#effaf5}.address-character-rules>span.is-valid i{color:#fff;background:#1eae70}.address-character-rules>span.is-pending{color:#8c97a6}.address-character-rules>strong{margin-left:auto;color:#8692a2;font-size:10px;font-variant-numeric:tabular-nums}.address-character-rules>strong.is-ready{color:#08734b}.address-input-feedback{margin:-9px 0 14px;padding:8px 10px;border:1px solid #f0d198;border-radius:9px;color:#885e0d;background:#fff8e9;font-size:10px;font-weight:750;animation:address-feedback-in .2s ease both}@keyframes address-feedback-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width:620px){.address-character-rules>strong{width:100%;margin-left:0;text-align:right}}

/* Invitation provenance stays visible without exposing the complete code. */
.invitation-proof{border-color:#cbdcf7;background:linear-gradient(145deg,#fff,#f5f9ff)}.invitation-proof>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.invitation-proof article{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:12px;margin-top:16px;padding:14px;border:1px solid #d8e4f5;border-radius:14px;background:#fff}.invitation-proof article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0876f8,#7258e8);font-size:19px;font-weight:900}.invitation-proof article>div{display:flex;min-width:0;flex-direction:column;gap:2px}.invitation-proof article small{color:#708198}.invitation-proof article em{color:#1670df;font-size:10px;font-style:normal;font-weight:850}.invitation-proof>p{margin-bottom:0;font-size:11px}
.invitation-database .compact-list>article{align-items:flex-start}.invitation-database .compact-list>article.is-redeemed{border-color:#c8e5d8;background:#f5fbf8}.invitation-database .compact-list>article>div{min-width:0}.invitation-database .invite-owner{margin-top:6px;padding:8px;border-radius:9px;color:#2e604c;background:#e6f5ed;line-height:1.5}.invitation-database .compact-list>article>em{padding:5px 8px;border-radius:999px;color:#1267d7;background:#eaf2ff;font-size:9px;font-style:normal;font-weight:900}.invitation-database .compact-list>article.is-redeemed>em{color:#087149;background:#dcf6e9}

/* Registration consent and the post-login identity onboarding. */
.signup-legal-consent{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:9px;margin:17px 0;padding:13px 14px;border:1px solid #dce4ef;border-radius:12px;color:#66758a;background:#f7f9fc;font-size:10px;line-height:1.55}.signup-legal-consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#0876f8}.signup-legal-consent a{color:#0869e8;font-weight:850;text-decoration:underline;text-underline-offset:2px}
.onboarding-shell{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr);min-height:calc(100vh - 78px);background:#f4f7fb}.onboarding-intro{position:relative;display:flex;min-height:760px;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(40px,7vw,95px);color:#fff;background:radial-gradient(circle at 78% 20%,rgba(67,142,255,.35),transparent 25%),radial-gradient(circle at 8% 90%,rgba(118,84,245,.28),transparent 28%),linear-gradient(145deg,#081425,#102b50)}.onboarding-intro::after{position:absolute;right:-110px;bottom:-120px;width:340px;height:340px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018);content:""}.onboarding-intro .register-back{position:absolute;top:32px;left:clamp(30px,7vw,90px);color:#bed5f4}.onboarding-intro .eyebrow{color:#7db4ff}.onboarding-intro h1{max-width:560px;margin:15px 0;color:#fff;font-size:clamp(48px,6vw,78px);line-height:.96;letter-spacing:-.055em}.onboarding-intro h1 em{color:#7bb2ff;font-style:normal}.onboarding-intro>p{max-width:520px;color:#aabbd1}.onboarding-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.onboarding-trust span{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c4d1e2;background:rgba(255,255,255,.055);font-size:10px;font-weight:800}.onboarding-trust i{color:#61dbaa;font-style:normal}.onboarding-stage{display:grid;align-content:center;padding:clamp(28px,6vw,80px)}.onboarding-stage>.alert{width:min(720px,100%);margin:0 auto 12px}.onboarding-card{width:min(720px,100%);margin:auto;padding:clamp(25px,4vw,42px);border:1px solid #dce4ef;border-radius:26px;background:#fff;box-shadow:0 28px 75px rgba(24,48,81,.1)}.onboarding-card>header>span{color:#0872ee;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.onboarding-card h2{margin:7px 0;font-size:clamp(29px,4vw,42px);letter-spacing:-.04em}.onboarding-card>header>p,.phone-verification>p{margin:0 0 22px;color:#758398}.profile-name-grid,.address-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.address-profile-grid{grid-template-columns:1.4fr .6fr .55fr 1fr .75fr}.gender-picker{margin:18px 0;border:0;padding:0}.gender-picker legend{margin-bottom:8px;font-size:11px;font-weight:850}.gender-picker label{display:inline-flex;margin:0 5px 6px 0}.gender-picker input{position:absolute;opacity:0}.gender-picker span{display:grid;min-height:39px;place-items:center;padding:0 13px;border:1px solid #d9e1ec;border-radius:11px;color:#66768b;background:#f8fafc;font-size:10px;font-weight:850}.gender-picker input:checked+span{color:#0866dc;border-color:#9ec3f7;background:#eaf3ff;box-shadow:0 0 0 3px rgba(8,110,235,.08)}.mobile-profile-field>small{color:#8a96a5;font-weight:600}.mobile-profile-field>span{display:block;margin:7px 0 17px;color:#7b899b;font-size:10px;line-height:1.5}.onboarding-card>.button{width:100%;min-height:52px}.phone-verification{text-align:center}.phone-orbit{position:relative;display:grid;width:96px;height:96px;margin:0 auto 24px;place-items:center;border:1px solid #cfe0f8;border-radius:50%;box-shadow:0 0 0 12px #eff6ff,0 0 0 24px #f8fbff}.phone-orbit span{display:grid;width:59px;height:59px;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,#0879fb,#6d59ec);font-size:17px;font-weight:900;letter-spacing:3px}.phone-orbit i{position:absolute;right:4px;bottom:9px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:#43d496}.phone-resend{width:min(720px,100%);margin:10px auto;text-align:center}.phone-resend button{border:0;color:#126ad9;background:transparent;font-weight:850;cursor:pointer}.onboarding-complete{text-align:center}.onboarding-complete>span{display:grid;width:72px;height:72px;margin:auto;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(135deg,#0b7df8,#4bd19b);font-size:30px;font-weight:900}
@media(max-width:1000px){.onboarding-shell{grid-template-columns:1fr}.onboarding-intro{min-height:390px;padding:90px 35px 45px}.onboarding-intro h1{font-size:52px}.onboarding-stage{padding:30px 18px 60px}.address-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-profile-grid .street,.address-profile-grid .city{grid-column:auto}}
@media(max-width:580px){.onboarding-intro{min-height:340px;padding:82px 22px 35px}.onboarding-intro .register-back{top:24px;left:22px}.onboarding-intro h1{font-size:44px}.onboarding-trust{align-items:flex-start;flex-direction:column}.onboarding-card{padding:24px 17px;border-radius:20px}.profile-name-grid,.address-profile-grid{grid-template-columns:1fr}.gender-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.gender-picker label{margin:0}.gender-picker span{width:100%}}

/* Registration password quality and transparent necessary-cookie notice. */
.signup-password{display:grid;gap:7px}.password-strength{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:6px}.password-strength i{height:5px;border-radius:99px;background:#e4e9f0;transition:background .2s,transform .2s}.password-strength span{min-width:105px;margin-left:5px;color:#7d8999;font-size:10px;font-weight:850;text-align:right}.password-strength[data-score="1"] i:nth-child(-n+1){background:#e55c68}.password-strength[data-score="2"] i:nth-child(-n+2){background:#e6a63d}.password-strength[data-score="3"] i:nth-child(-n+3){background:#287fe9}.password-strength[data-score="4"] i{background:#176ee4;transform:scaleY(1.18)}[data-password-match].is-match{color:#176ee4!important;font-weight:800}
.signup-legal-warning{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding:12px 14px;border:1px solid #efd5a4;border-radius:12px;color:#7f570c;background:#fff7e8}.signup-legal-warning span{font-size:10px}
.cookie-notice{position:fixed;right:18px;bottom:18px;z-index:1200;display:grid;width:min(560px,calc(100% - 36px));grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:15px 16px;border:1px solid rgba(190,204,222,.85);border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 22px 65px rgba(10,31,61,.2);opacity:0;transform:translateY(18px);backdrop-filter:blur(18px);transition:opacity .24s,transform .24s}.cookie-notice[hidden]{display:none}.cookie-notice.is-visible{opacity:1;transform:none}.cookie-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#176ee4;background:#eaf2ff;font-size:20px}.cookie-notice div{min-width:0}.cookie-notice b{font-size:12px}.cookie-notice p{margin:3px 0;color:#66758a;font-size:10px;line-height:1.45}.cookie-notice a{color:#176ee4;font-size:10px;font-weight:800}.cookie-notice button{min-height:39px;padding:0 13px;border:0;border-radius:10px;color:#fff;background:#176ee4;font-size:10px;font-weight:900;cursor:pointer}
.control-login-shell .login-visual{background:radial-gradient(circle at 85% 15%,rgba(34,119,255,.28),transparent 28%),linear-gradient(145deg,#07111e,#102c50)}.control-login-shell .login-domain-stack span{border-color:rgba(105,160,243,.2);color:#adcfff;background:rgba(38,105,205,.1)}
.login-realm-note{margin:0 0 14px;padding:11px 13px;border:1px solid #cbdcf5;border-radius:11px;color:#28527f;background:#eef5ff;font-size:10px;line-height:1.5}
.control-auth-shell{display:grid;min-height:100vh;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);background:#f4f7fb}.control-auth-copy{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;padding:clamp(42px,7vw,100px);color:#fff;background:radial-gradient(circle at 85% 10%,rgba(49,126,255,.28),transparent 30%),linear-gradient(145deg,#07121f,#12345c)}.control-auth-logo{display:grid;width:54px;height:54px;margin-bottom:35px;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(255,255,255,.08);box-shadow:0 17px 38px rgba(0,0,0,.2);font-size:24px;font-weight:950}.control-auth-copy>small{color:#77afff;font-weight:900;letter-spacing:.13em}.control-auth-copy h1{margin:14px 0;color:#fff;font-size:clamp(50px,6vw,76px);line-height:.92;letter-spacing:-.06em}.control-auth-copy h1 em{color:#74abff;font-style:normal}.control-auth-copy p{max-width:560px;color:#b1c1d5;line-height:1.65}.control-auth-copy>div{display:grid;gap:9px;margin-top:20px;color:#ced9e7;font-size:12px;font-weight:750}.control-auth-card{align-self:center;width:min(610px,calc(100% - 40px));margin:45px auto;padding:clamp(28px,4vw,48px);border:1px solid #dbe4ef;border-radius:25px;background:#fff;box-shadow:0 30px 80px rgba(16,44,79,.11)}.control-auth-step{display:inline-flex;padding:6px 9px;border-radius:99px;color:#176ee4;background:#eaf2ff;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.control-auth-card h2{margin:15px 0 7px;font-size:34px}.control-auth-card>p{color:#728095}.control-auth-card label{display:grid;gap:7px;margin-top:15px;font-size:11px;font-weight:850}.control-auth-card input{min-height:50px;padding:0 14px;border:1px solid #d9e2ed;border-radius:11px;font:inherit}.control-auth-card>.button{display:flex;width:100%;justify-content:center;margin-top:20px}.control-auth-card>a:not(.button){display:block;margin-top:14px;color:#65758b;text-align:center}.control-auth-qr{display:grid;width:230px;height:230px;margin:22px auto;place-items:center;padding:15px;border:1px solid #dce5ef;border-radius:21px;background:#fff;box-shadow:0 18px 45px rgba(21,56,98,.1)}.control-auth-qr svg{width:100%;height:100%}.control-auth-card details{padding:12px;border-radius:10px;background:#f3f6fa}.control-auth-card details code{display:block;margin-top:9px;overflow-wrap:anywhere}.control-recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:20px 0}.control-recovery-codes code{padding:10px;border:1px solid #dfe6ef;border-radius:8px;background:#f7f9fc;text-align:center}
@media(max-width:820px){.control-auth-shell{grid-template-columns:1fr}.control-auth-copy{min-height:410px;padding:70px 25px 40px}.control-auth-card{margin:24px auto 45px}.cookie-notice{grid-template-columns:auto 1fr}.cookie-notice button{grid-column:1/-1;width:100%}}