:root {
    color-scheme: light;
    --larus-brand-core: #0078d0;
    --larus-brand-deep: #0050b8;
    --larus-brand-sky: #22a0e2;
    --larus-brand-cyan: #50c8f0;
    --larus-white: #ffffff;
    --larus-canvas: #fbfdff;
    --larus-surface-soft: #f3f7fa;
    --larus-surface-strong: #edf6fd;
    --larus-ink: #041a32;
    --larus-text: #0b2a4d;
    --larus-muted: #395f85;
    --larus-border: #cee1f3;
    --larus-border-strong: #a9cbe7;
    --larus-action: #0b63c6;
    --larus-action-hover: #0755a5;
    --larus-focus: #50c8f0;
    --larus-danger: #b42318;
    --larus-success: #147a52;
    --larus-font-sans: "Helvetica Neue", Arial, sans-serif;
    --larus-font-cjk: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
    --larus-font-arabic: "Noto Sans Arabic", Tahoma, "Segoe UI", Arial, sans-serif;
    --larus-shell: 80rem;
    --larus-gutter: clamp(1rem, 4vw, 2.5rem);
    --larus-shadow-raised: 0 8px 24px rgb(4 26 50 / 7%);
}

*, *::before, *::after { box-sizing: border-box; }

html {
    min-inline-size: 320px;
    background: var(--larus-canvas);
    color: var(--larus-text);
    font-family: var(--larus-font-sans);
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

html[data-typography="cjk"] { font-family: var(--larus-font-cjk); line-break: strict; }
html[data-typography="arabic"] { font-family: var(--larus-font-arabic); line-height: 1.75; }

body { min-block-size: 100vh; margin: 0; background: var(--larus-canvas); }
button, input, select, textarea { color: inherit; font: inherit; }
a { color: var(--larus-action); text-underline-offset: .2em; }
a:hover { color: var(--larus-action-hover); }
img { display: block; max-inline-size: 100%; }
h1, h2, h3, p { margin-block-start: 0; }
h1, h2, h3 { color: var(--larus-ink); font-weight: 700; hyphens: none; line-height: 1.08; letter-spacing: -.025em; overflow-wrap: break-word; text-wrap: balance; }
html[data-typography="cjk"] :where(h1, h2, h3),
html[data-typography="arabic"] :where(h1, h2, h3),
html[data-typography="turkic"] :where(h1, h2, h3) { letter-spacing: 0; }

:where(a, button, input, select, textarea, [tabindex="-1"]):focus-visible {
    outline: 3px solid var(--larus-focus);
    outline-offset: 3px;
    box-shadow: 0 0 0 3px var(--larus-ink);
}

.larus-acquisition-shell { inline-size: min(100% - (2 * var(--larus-gutter)), var(--larus-shell)); margin-inline: auto; }
.larus-tracking-pixel, .larus-tracking-frame { position: absolute; inline-size: 1px; block-size: 1px; border: 0; overflow: hidden; clip: rect(0 0 0 0); }
.larus-acquisition-skip { position: fixed; z-index: 1000; inset-block-start: .75rem; inset-inline-start: .75rem; padding: .75rem 1rem; border-radius: .375rem; background: var(--larus-white); color: var(--larus-ink); font-weight: 700; transform: translateY(-160%); }
.larus-acquisition-skip:focus { transform: translateY(0); }

.larus-acquisition-header { border-block-end: 2px solid var(--larus-brand-sky); background: var(--larus-white); }
.larus-acquisition-header-row { display: grid; min-block-size: 6rem; grid-template-columns: minmax(8rem, 10rem) minmax(0, 1fr) auto; align-items: center; gap: clamp(1rem, 3vw, 3rem); padding-block: .75rem; }
.larus-acquisition-brand { display: flex; min-block-size: 4.25rem; align-items: center; }
.larus-acquisition-brand img { inline-size: 9.5rem; block-size: auto; }
.larus-acquisition-steps { display: grid; max-inline-size: 34rem; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; padding: 0; margin: 0 auto; list-style: none; }
.larus-acquisition-steps li { position: relative; display: grid; grid-template-columns: 1.75rem minmax(0, 1fr); align-items: center; gap: .5rem; min-inline-size: 0; color: var(--larus-muted); font-size: .78rem; }
.larus-acquisition-steps span { position: relative; z-index: 1; display: grid; inline-size: 1.75rem; block-size: 1.75rem; place-items: center; border: 1px solid var(--larus-border-strong); border-radius: 50%; background: var(--larus-white); color: var(--larus-muted); font-size: .72rem; font-weight: 700; }
.larus-acquisition-steps strong { overflow-wrap: anywhere; }
.larus-acquisition-steps [data-state="complete"] span { border-color: var(--larus-brand-core); background: var(--larus-brand-core); color: var(--larus-white); }
.larus-acquisition-steps [data-state="current"] { color: var(--larus-ink); }
.larus-acquisition-steps [data-state="current"] span { border-color: var(--larus-brand-deep); color: var(--larus-brand-deep); box-shadow: 0 0 0 4px var(--larus-surface-strong); }
.larus-acquisition-change, .larus-acquisition-secure { font-size: .86rem; font-weight: 700; text-align: end; }
.larus-acquisition-secure { color: var(--larus-muted); }

.larus-acquisition-main { padding-block: clamp(2.5rem, 7vw, 6rem); }
.larus-acquisition-main--wide { padding-block-start: clamp(1.5rem, 4vw, 3rem); }
.larus-acquisition-account-grid { display: grid; max-inline-size: 67rem; grid-template-columns: minmax(0, 1.06fr) minmax(17rem, .74fr); align-items: start; gap: clamp(2rem, 6vw, 6rem); }
.larus-acquisition-form-panel { min-inline-size: 0; }
.larus-acquisition-form-panel > .larus-acquisition-eyebrow { margin-block-end: .75rem; }
.larus-acquisition-eyebrow { color: var(--larus-brand-deep); font-size: .78rem; font-weight: 700; letter-spacing: .075em; line-height: 1.4; text-transform: uppercase; }
html[data-typography="cjk"] .larus-acquisition-eyebrow,
html[data-typography="arabic"] .larus-acquisition-eyebrow,
html[data-typography="turkic"] .larus-acquisition-eyebrow { letter-spacing: 0; text-transform: none; }
.larus-acquisition-form-panel h1 { max-inline-size: 16ch; margin-block-end: 1rem; font-size: clamp(2.35rem, 6vw, 4rem); }
.larus-acquisition-intro { max-inline-size: 58ch; margin-block-end: 2rem; color: var(--larus-muted); font-size: clamp(1rem, 2vw, 1.2rem); }
.larus-acquisition-switch { margin-block-end: 2rem; color: var(--larus-muted); font-size: .95rem; }
.larus-acquisition-switch a { font-weight: 700; }

.larus-acquisition-form { display: grid; gap: 1.25rem; max-inline-size: 37rem; }
.larus-acquisition-field { display: grid; gap: .45rem; }
.larus-acquisition-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.larus-acquisition-field label, .larus-acquisition-field-label { color: var(--larus-ink); font-size: .9rem; font-weight: 700; }
.larus-acquisition-field input, .larus-acquisition-field select { inline-size: 100%; min-block-size: 3rem; padding: .7rem .85rem; border: 1px solid var(--larus-border-strong); border-radius: .375rem; background: var(--larus-white); }
.larus-acquisition-field input:hover, .larus-acquisition-field select:hover { border-color: var(--larus-brand-core); }
.larus-acquisition-field input[aria-invalid="true"] { border-color: var(--larus-danger); }
.larus-acquisition-field-error { margin: 0; color: var(--larus-danger); font-size: .84rem; font-weight: 600; }
.larus-acquisition-field-hint { margin: 0; color: var(--larus-muted); font-size: .84rem; }
.larus-acquisition-check { display: flex; align-items: flex-start; gap: .65rem; color: var(--larus-text); font-size: .9rem; }
.larus-acquisition-check input { flex: 0 0 auto; inline-size: 1.15rem; block-size: 1.15rem; margin-block-start: .15rem; }
.larus-acquisition-code-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .75rem; }

.larus-acquisition-button { display: inline-flex; min-block-size: 3rem; align-items: center; justify-content: center; padding: .75rem 1.2rem; border: 1px solid transparent; border-radius: .375rem; background: var(--larus-action); color: var(--larus-white); font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; cursor: pointer; }
.larus-acquisition-button:hover { background: var(--larus-action-hover); color: var(--larus-white); }
.larus-acquisition-button:disabled { cursor: not-allowed; opacity: .58; }
.larus-acquisition-button--secondary { border-color: var(--larus-border-strong); background: var(--larus-white); color: var(--larus-ink); }
.larus-acquisition-button--secondary:hover { border-color: var(--larus-action); background: var(--larus-surface-strong); color: var(--larus-action-hover); }
.larus-acquisition-form > .larus-acquisition-button { inline-size: 100%; }
.larus-acquisition-form-secondary { margin: -.25rem 0 0; text-align: center; }

.larus-acquisition-errors { margin-block-end: 1.5rem; padding: 1rem 1.1rem; border: 1px solid #f2b8b5; border-inline-start: 4px solid var(--larus-danger); border-radius: .375rem; background: #fff4f3; color: #7a271a; }
.larus-acquisition-errors strong { display: block; margin-block-end: .35rem; }
.larus-acquisition-errors ul { margin: 0; padding-inline-start: 1.25rem; }
.larus-acquisition-status { padding: .85rem 1rem; border: 1px solid #a9dfc8; border-inline-start: 4px solid var(--larus-success); border-radius: .375rem; background: #effaf5; color: #0f5b3d; }

.larus-acquisition-password-rules { display: grid; gap: .35rem; padding: .85rem 1rem; border: 1px solid var(--larus-border); border-radius: .375rem; background: var(--larus-surface-soft); }
.larus-acquisition-password-rules p { margin: 0; color: var(--larus-muted); font-size: .84rem; }
.larus-acquisition-password-rules ul { display: grid; gap: .25rem; padding: 0; margin: 0; list-style: none; }
.larus-acquisition-password-rules li { color: var(--larus-muted); font-size: .82rem; }
.larus-acquisition-password-rules li::before { display: inline-block; inline-size: 1.2rem; color: var(--larus-border-strong); content: "○"; }
.larus-acquisition-password-rules li.is-valid { color: var(--larus-success); }
.larus-acquisition-password-rules li.is-valid::before { content: "✓"; color: var(--larus-success); font-weight: 700; }
.larus-acquisition-terms { color: var(--larus-muted); font-size: .84rem; }

.larus-acquisition-context { position: sticky; inset-block-start: 2rem; min-inline-size: 0; padding: clamp(1.5rem, 4vw, 2.25rem); border: 1px solid var(--larus-border); border-block-start: 5px solid var(--larus-brand-core); border-radius: .5rem; background: var(--larus-white); box-shadow: var(--larus-shadow-raised); }
.larus-acquisition-context h2 { margin-block-end: 1.5rem; font-size: clamp(1.55rem, 3vw, 2.15rem); }
.larus-acquisition-context dl { display: grid; gap: 0; margin: 0; }
.larus-acquisition-context dl div { display: grid; grid-template-columns: minmax(7rem, .7fr) minmax(0, 1.3fr); gap: 1rem; padding-block: .8rem; border-block-start: 1px solid var(--larus-border); }
.larus-acquisition-context dt { color: var(--larus-muted); font-size: .82rem; }
.larus-acquisition-context dd { margin: 0; color: var(--larus-ink); font-size: .88rem; font-weight: 700; text-align: end; overflow-wrap: anywhere; }
.larus-acquisition-context-note { margin-block: 1.25rem 0; padding-inline-start: .9rem; border-inline-start: 3px solid var(--larus-brand-core); color: var(--larus-muted); font-size: .86rem; }
.larus-acquisition-proof-list { display: grid; gap: .7rem; padding: 0; margin: 1.5rem 0 0; list-style: none; }
.larus-acquisition-proof-list li { position: relative; padding-inline-start: 1.4rem; color: var(--larus-text); font-size: .88rem; }
.larus-acquisition-proof-list li::before { position: absolute; inset-inline-start: 0; color: var(--larus-brand-deep); content: "✓"; font-weight: 700; }

.larus-acquisition-success { max-inline-size: 38rem; }
.larus-acquisition-success-mark { display: grid; inline-size: 3.25rem; block-size: 3.25rem; place-items: center; margin-block-end: 1.5rem; border-radius: 50%; background: #e8f7f0; color: var(--larus-success); font-size: 1.5rem; font-weight: 700; }

.larus-acquisition-footer { margin-block-start: auto; padding-block: 1.5rem; border-block-start: 1px solid var(--larus-border); background: var(--larus-white); }
.larus-acquisition-footer > div { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.larus-acquisition-footer p { margin: 0; color: var(--larus-muted); font-size: .82rem; }
.larus-acquisition-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.larus-acquisition-footer a { font-size: .82rem; font-weight: 700; }
.larus-acquisition-body { display: flex; min-block-size: 100vh; flex-direction: column; }
.zsiq_floatmain,
.zsiq_float,
.zls-sptwndw,
#siqiframe,
[data-id="zsalesiq"] { display: none !important; visibility: hidden !important; }

@media (max-width: 56rem) {
    .larus-acquisition-header-row { grid-template-columns: minmax(8rem, 9rem) minmax(0, 1fr); }
    .larus-acquisition-change, .larus-acquisition-secure { grid-column: 1 / -1; padding-block-end: .5rem; text-align: start; }
    .larus-acquisition-account-grid { grid-template-columns: 1fr; }
    .larus-acquisition-context { position: static; }
}

@media (max-width: 40rem) {
    .larus-acquisition-header-row { grid-template-columns: 1fr; gap: .75rem; }
    .larus-acquisition-brand { min-block-size: 3.5rem; }
    .larus-acquisition-brand img { inline-size: 8rem; }
    .larus-acquisition-steps { inline-size: 100%; }
    .larus-acquisition-steps li { grid-template-columns: 1.5rem minmax(0, 1fr); font-size: .7rem; }
    .larus-acquisition-steps span { inline-size: 1.5rem; block-size: 1.5rem; }
    .larus-acquisition-field-row, .larus-acquisition-code-row { grid-template-columns: 1fr; }
    .larus-acquisition-code-row .larus-acquisition-button { inline-size: 100%; }
    .larus-acquisition-context dl div { grid-template-columns: 1fr; gap: .2rem; }
    .larus-acquisition-context dd { text-align: start; }
    .larus-acquisition-footer > div { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}