/* =========================================================
   SCREW ZONE — CONTACT & SUPPORT TICKETS
   ========================================================= */

.sz-support-hero {
    padding: 86px 0 68px;
    color: #fff;
    background:
        radial-gradient(circle at 80% 20%, rgba(255, 123, 37, .28), transparent 28%),
        linear-gradient(135deg, #121417, #242a31 58%, #15181c);
}

.sz-support-hero .container {
    max-width: 940px;
    text-align: center;
}

.sz-support-hero .container > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ff9b58;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sz-support-hero h1 {
    max-width: 830px;
    margin: 16px auto 0;
    font-size: clamp(2.2rem, 5vw, 4.25rem);
    font-weight: 900;
    line-height: 1.04;
}

.sz-support-hero p {
    max-width: 720px;
    margin: 18px auto 0;
    color: rgba(255, 255, 255, .72);
    font-size: 1rem;
    line-height: 1.75;
}

.sz-support-hero__trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
}

.sz-support-hero__trust span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    color: rgba(255,255,255,.76);
    background: rgba(255,255,255,.06);
    font-size: .65rem;
    font-weight: 760;
}

.sz-support-page,
.sz-ticket-page {
    padding: 66px 0 78px;
    background: #f6f7f9;
}

.sz-support-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 13px 15px;
    border-radius: 12px;
    font-size: .76rem;
    font-weight: 760;
}

.sz-support-alert.is-success {
    color: #176c45;
    background: #e9f8f0;
}

.sz-support-alert.is-error {
    color: #9f333c;
    background: #ffecef;
}

.sz-support-layout,
.sz-ticket-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
    align-items: start;
    gap: 26px;
}

.sz-support-layout > aside,
.sz-ticket-layout > aside {
    display: grid;
    position: sticky;
    top: 110px;
    gap: 17px;
}

.sz-support-form {
    overflow: hidden;
    border: 1px solid #e0e4e8;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(28, 34, 41, .07);
}

.sz-support-form > header {
    padding: 24px;
    border-bottom: 1px solid #edf0f2;
}

.sz-support-form > header > span,
.sz-support-contact-card > span,
.sz-support-departments > span {
    color: #ff6b00;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sz-support-form > header h2,
.sz-support-contact-card h3,
.sz-support-departments h3 {
    margin: 6px 0 0;
    font-weight: 900;
}

.sz-support-form > header p {
    margin: 8px 0 0;
    color: #6a7480;
    font-size: .75rem;
    line-height: 1.6;
}

.sz-support-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
    padding: 24px;
}

.sz-support-form__grid label > span {
    display: block;
    margin-bottom: 7px;
    color: #46505b;
    font-size: .72rem;
    font-weight: 790;
}

.sz-support-form input,
.sz-support-form select,
.sz-support-form textarea,
.sz-ticket-reply textarea {
    width: 100%;
    min-height: 45px;
    padding: 0 12px;
    border: 1px solid #d9dee3;
    border-radius: 10px;
    outline: 0;
    color: #1f252b;
    background: #fff;
    font-size: .79rem;
}

.sz-support-form textarea,
.sz-ticket-reply textarea {
    padding-top: 12px;
    resize: vertical;
}

.sz-support-form input:focus,
.sz-support-form select:focus,
.sz-support-form textarea:focus,
.sz-ticket-reply textarea:focus {
    border-color: #ff6b00;
    box-shadow: 0 0 0 3px rgba(255,107,0,.09);
}

.sz-support-form__grid label.is-wide {
    grid-column: 1 / -1;
}

.sz-support-form__grid small,
.sz-ticket-field-error {
    display: block;
    margin-top: 5px;
    color: #a83841;
    font-size: .64rem;
}

.sz-support-file-field input {
    padding: 10px;
}

.sz-support-file-field em {
    display: block;
    margin-top: 6px;
    color: #7b858f;
    font-size: .62rem;
    font-style: normal;
}

.sz-support-form > footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 24px;
    border-top: 1px solid #edf0f2;
    background: #fafbfc;
}

.sz-support-form > footer p {
    max-width: 520px;
    margin: 0;
    color: #6d7782;
    font-size: .65rem;
    line-height: 1.55;
}

.sz-support-form > footer button,
.sz-ticket-reply button {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 17px;
    border: 0;
    border-radius: 10px;
    color: #fff;
    background: #ff6b00;
    font-size: .72rem;
    font-weight: 870;
    cursor: pointer;
}

.sz-support-honeypot {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.sz-support-contact-card,
.sz-support-departments,
.sz-support-existing-ticket,
.sz-ticket-summary,
.sz-ticket-security-note {
    padding: 20px;
    border: 1px solid #e0e4e8;
    border-radius: 15px;
    background: #fff;
}

.sz-support-contact-card > a,
.sz-support-contact-card > div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px solid #edf0f2;
    color: #333b44;
    text-decoration: none;
}

.sz-support-contact-card > *:last-child {
    border-bottom: 0;
}

.sz-support-contact-card > a > i,
.sz-support-contact-card > div > i {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ff6b00;
    background: #fff1e7;
}

.sz-support-contact-card small,
.sz-support-contact-card strong {
    display: block;
}

.sz-support-contact-card small {
    color: #7b858f;
    font-size: .6rem;
}

.sz-support-contact-card strong {
    margin-top: 3px;
    font-size: .72rem;
}

.sz-support-departments article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #edf0f2;
}

.sz-support-departments article:last-child {
    border-bottom: 0;
}

.sz-support-departments article > i {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ff6b00;
    background: #fff1e7;
}

.sz-support-departments strong,
.sz-support-departments small {
    display: block;
}

.sz-support-departments strong {
    font-size: .72rem;
}

.sz-support-departments p {
    margin: 4px 0;
    color: #69737e;
    font-size: .65rem;
    line-height: 1.5;
}

.sz-support-departments small {
    color: #8a939d;
    font-size: .57rem;
}

.sz-support-existing-ticket > i,
.sz-ticket-security-note > i {
    color: #ff6b00;
    font-size: 1.35rem;
}

.sz-support-existing-ticket h3,
.sz-ticket-security-note h3 {
    margin: 10px 0 0;
    font-size: .94rem;
}

.sz-support-existing-ticket p,
.sz-ticket-security-note p {
    margin: 8px 0 0;
    color: #69737e;
    font-size: .7rem;
    line-height: 1.6;
}

.sz-ticket-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 20px;
    color: #7a848e;
    font-size: .65rem;
}

.sz-ticket-breadcrumb a {
    color: #5d6772;
    text-decoration: none;
}

.sz-ticket-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding: 23px;
    border: 1px solid #ffd4b5;
    border-radius: 17px;
    background: linear-gradient(135deg, #fff3e9, #fff);
}

.sz-ticket-head > div:first-child > span {
    color: #ff6b00;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sz-ticket-head h1 {
    margin: 8px 0 0;
    font-size: 1.65rem;
    line-height: 1.35;
}

.sz-ticket-head p {
    margin: 7px 0 0;
    color: #6f7984;
    font-size: .7rem;
}

.sz-ticket-head__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.sz-ticket-head__badges span {
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: .62rem;
    font-weight: 850;
}

.sz-ticket-head__badges .is-status {
    color: #245b86;
    background: #eaf4fd;
}

.sz-ticket-head__badges .is-status.is-resolved,
.sz-ticket-head__badges .is-status.is-closed {
    color: #177149;
    background: #e9f8f0;
}

.sz-ticket-head__badges .is-status.is-spam {
    color: #9f333c;
    background: #ffecef;
}

.sz-ticket-head__badges .is-priority {
    color: #8a5a00;
    background: #fff2d7;
}

.sz-ticket-conversation {
    display: grid;
    gap: 14px;
    padding: 18px;
    border: 1px solid #e0e4e8;
    border-radius: 17px;
    background: #fff;
}

.sz-ticket-conversation article {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
}

.sz-ticket-message__avatar {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: #fff;
    background: #525c66;
}

.sz-ticket-conversation article.is-admin .sz-ticket-message__avatar {
    background: #ff6b00;
}

.sz-ticket-message__body {
    padding: 13px 15px;
    border: 1px solid #e2e5e8;
    border-radius: 13px;
    background: #f8f9fa;
}

.sz-ticket-conversation article.is-admin .sz-ticket-message__body {
    background: #fff7f1;
}

.sz-ticket-message__body header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.sz-ticket-message__body header strong {
    font-size: .72rem;
}

.sz-ticket-message__body time {
    color: #818b95;
    font-size: .59rem;
}

.sz-ticket-message__body p {
    margin: 9px 0 0;
    color: #4d5761;
    font-size: .75rem;
    line-height: 1.75;
}

.sz-ticket-attachment {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding: 9px;
    border: 1px solid #dde2e6;
    border-radius: 9px;
    color: #59636e;
    background: #fff;
    text-decoration: none;
}

.sz-ticket-attachment > span {
    min-width: 0;
    flex: 1;
}

.sz-ticket-attachment strong,
.sz-ticket-attachment small {
    display: block;
}

.sz-ticket-attachment strong {
    overflow: hidden;
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sz-ticket-attachment small {
    margin-top: 3px;
    color: #8a939d;
    font-size: .57rem;
}

.sz-ticket-reply {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid #e0e4e8;
    border-radius: 16px;
    background: #fff;
}

.sz-ticket-reply header > span {
    color: #ff6b00;
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sz-ticket-reply h2 {
    margin: 5px 0 13px;
    font-size: 1rem;
}

.sz-ticket-reply textarea {
    min-height: 130px;
}

.sz-ticket-reply > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}

.sz-ticket-reply label {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid #dde2e6;
    border-radius: 9px;
    color: #65707b;
    background: #fff;
    font-size: .65rem;
    font-weight: 790;
    cursor: pointer;
}

.sz-ticket-reply label input {
    display: none;
}

.sz-ticket-reply > p {
    margin: 7px 0 0;
    color: #7b858f;
    font-size: .6rem;
}

.sz-ticket-closed-message {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 13px;
    margin-top: 18px;
    padding: 17px;
    border: 1px solid #e0e4e8;
    border-radius: 14px;
    background: #fff;
}

.sz-ticket-closed-message > i {
    color: #ff6b00;
    font-size: 1.2rem;
}

.sz-ticket-closed-message strong {
    font-size: .75rem;
}

.sz-ticket-closed-message p {
    margin: 4px 0 0;
    color: #6f7984;
    font-size: .65rem;
}

.sz-ticket-closed-message a,
.sz-ticket-help-link {
    color: #ff6b00;
    font-size: .67rem;
    font-weight: 850;
    text-decoration: none;
}

.sz-ticket-summary > span {
    color: #ff6b00;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sz-ticket-summary h3 {
    margin: 5px 0 13px;
    font-size: .95rem;
}

.sz-ticket-summary dl {
    display: grid;
    margin: 0;
}

.sz-ticket-summary dl > div {
    display: grid;
    grid-template-columns: 105px 1fr;
    gap: 9px;
    padding: 8px 0;
    border-bottom: 1px solid #edf0f2;
}

.sz-ticket-summary dl > div:last-child {
    border-bottom: 0;
}

.sz-ticket-summary dt {
    color: #7b858f;
    font-size: .6rem;
    font-weight: 730;
}

.sz-ticket-summary dd {
    margin: 0;
    color: #333b44;
    font-size: .65rem;
    font-weight: 780;
}

.sz-ticket-help-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 14px;
    border: 1px solid #e0e4e8;
    border-radius: 12px;
    background: #fff;
}

@media (max-width: 1020px) {
    .sz-support-layout,
    .sz-ticket-layout {
        grid-template-columns: 1fr;
    }

    .sz-support-layout > aside,
    .sz-ticket-layout > aside {
        position: static;
    }
}

@media (max-width: 680px) {
    .sz-support-form__grid {
        grid-template-columns: 1fr;
    }

    .sz-support-form__grid label.is-wide {
        grid-column: auto;
    }

    .sz-support-form > footer,
    .sz-ticket-head,
    .sz-ticket-reply > div {
        align-items: stretch;
        flex-direction: column;
    }

    .sz-ticket-head__badges {
        justify-content: flex-start;
    }

    .sz-ticket-closed-message {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   CONTACT PAGE — PREMIUM 2026 UI
   Intentionally scoped to .sz-support-*; ticket detail styles remain intact.
   ========================================================= */
.sz-support-hero {
    isolation: isolate;
    padding: 38px 0 52px;
    background:
        radial-gradient(circle at 97% 9%, rgba(255, 117, 20, .20), transparent 39%),
        radial-gradient(circle at 17% 108%, rgba(255, 107, 0, .16), transparent 34%),
        linear-gradient(121deg, #101419 0%, #1b222a 57%, #24262a 100%);
}

.sz-support-hero .container.sz-support-hero__layout {
    max-width: 1320px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .87fr);
    gap: clamp(24px, 4vw, 64px);
    align-items: center;
    text-align: left;
}

.sz-support-hero__copy { min-width: 0; }
.sz-support-hero__breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: clamp(24px, 4vw, 38px);
    color: rgba(255,255,255,.55);
    font-size: .78rem;
    font-weight: 650;
}
.sz-support-hero__breadcrumb a { color: rgba(255,255,255,.73); text-decoration: none; }
.sz-support-hero__breadcrumb a:hover { color: #ff994e; }
.sz-support-hero__breadcrumb i { font-size: .63rem; }
.sz-support-hero .sz-support-hero__kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 13px;
    border: 1px solid rgba(255, 160, 87, .29);
    border-radius: 999px;
    color: #ffab71;
    background: rgba(255, 107, 0, .075);
    font-size: .68rem;
    font-weight: 780;
    letter-spacing: .105em;
}
.sz-support-hero__kicker-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff792a;
    box-shadow: 0 0 0 4px rgba(255, 107, 0, .16);
}
.sz-support-hero h1 {
    max-width: 700px;
    margin: 19px 0 0;
    font-size: clamp(2.6rem, 4.9vw, 5.15rem);
    font-weight: 890;
    line-height: 1.05;
    letter-spacing: -.057em;
}
.sz-support-hero h1 em {
    color: #ff7b29;
    font-style: normal;
}
.sz-support-hero p {
    max-width: 530px;
    margin: 17px 0 0;
    color: rgba(247,249,251,.70);
    font-size: clamp(.9rem, 1.1vw, 1.03rem);
    line-height: 1.75;
}
.sz-support-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 21px;
    margin-top: 28px;
}
.sz-support-hero__primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    min-height: 52px;
    padding: 0 21px;
    border: 1px solid #ff761c;
    border-radius: 12px;
    background: #ff6b00;
    box-shadow: 0 11px 25px rgba(255, 107, 0, .22);
    color: #fff;
    font-size: .84rem;
    font-weight: 830;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}
.sz-support-hero__primary:hover,
.sz-support-hero__primary:focus-visible {
    transform: translateY(-2px);
    background: #f76500;
    box-shadow: 0 15px 26px rgba(255, 107, 0, .30);
    color: #fff;
}
.sz-support-hero__hint {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.67);
    font-size: .77rem;
    font-weight: 670;
}
.sz-support-hero__hint i { color: #ff9b58; font-size: 1rem; }

.sz-support-hero__visual {
    position: relative;
    overflow: hidden;
    height: clamp(295px, 28vw, 392px);
    min-width: 0;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 29px;
    background:
        radial-gradient(ellipse at center, rgba(255, 115, 24, .25), transparent 51%),
        linear-gradient(142deg, #2b323b 0%, #171b21 60%, #292c31 100%);
    box-shadow: 0 30px 76px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.10);
}
.sz-support-hero__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(125deg, rgba(255,255,255,.06), transparent 40%);
    pointer-events: none;
}
.sz-support-hero__visual-grid {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
    background-size: 33px 33px;
    mask-image: radial-gradient(circle at 50% 50%, black, transparent 77%);
}
.sz-support-hero__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgba(255, 145, 71, .19);
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
.sz-support-hero__orbit--one { width: 245px; height: 245px; }
.sz-support-hero__orbit--two { width: 355px; height: 355px; border-style: dashed; }
.sz-support-hero__visual-core {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 160px;
    height: 160px;
    border: 1px solid rgba(255,255,255,.19);
    border-radius: 32%;
    color: #fff;
    background: linear-gradient(150deg,#ff9149,#ff6400 62%,#d24a00);
    box-shadow: 0 20px 48px rgba(255, 87, 0, .32), inset 0 2px 0 rgba(255,255,255,.35);
    transform: translate(-50%,-50%) rotate(-12deg);
}
.sz-support-hero__visual-core > i {
    font-size: 5.5rem;
    line-height: 1;
    transform: rotate(12deg);
}
.sz-support-hero__core-ring {
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(255,255,255,.30);
    border-radius: 30%;
}
.sz-support-hero__floating {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 15px;
    background: rgba(34,39,47,.94);
    box-shadow: 0 14px 30px rgba(0,0,0,.19);
    backdrop-filter: blur(10px);
}
.sz-support-hero__floating--top { top: 10%; right: 5%; }
.sz-support-hero__floating--bottom { bottom: 12%; left: 5%; }
.sz-support-hero__floating > i {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border-radius: 10px;
    color: #ff974e;
    background: rgba(255, 123, 41, .14);
    font-size: 1.1rem;
}
.sz-support-hero__floating strong,
.sz-support-hero__floating small { display: block; white-space: nowrap; }
.sz-support-hero__floating strong { color: #fff; font-size: .75rem; }
.sz-support-hero__floating small { color: rgba(255,255,255,.58); font-size: .62rem; margin-top: 3px; }
.sz-support-hero__visual-mark {
    position: absolute;
    top: 20px;
    left: 23px;
    color: rgba(255,255,255,.38);
    font-size: .68rem;
    font-weight: 760;
    letter-spacing: .13em;
}

.sz-support-page {
    padding: 52px 0 78px;
    background: linear-gradient(180deg, #fffaf7 0, #f7f8fb 220px, #f7f8fb 100%);
}
.sz-support-intro {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 23px;
}
.sz-support-section-kicker {
    color: #ed6606;
    font-size: .67rem;
    font-weight: 880;
    letter-spacing: .1em;
}
.sz-support-intro h2 {
    max-width: 630px;
    margin: 9px 0 0;
    color: #171e26;
    font-size: clamp(1.5rem, 2.35vw, 2.15rem);
    font-weight: 900;
    letter-spacing: -.042em;
    line-height: 1.17;
}
.sz-support-intro p {
    max-width: 680px;
    margin: 10px 0 0;
    color: #697482;
    font-size: .83rem;
    line-height: 1.7;
}
.sz-support-intro__line {
    flex: 0 0 80px;
    height: 2px;
    margin-bottom: 10px;
    background: linear-gradient(90deg,#ff6b00,transparent);
}
.sz-support-services {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 15px;
    margin-bottom: 32px;
}
.sz-support-service {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    min-height: 102px;
    padding: 17px;
    border: 1px solid #e7e9ee;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 5px 22px rgba(23,32,45,.035);
    text-decoration: none;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.sz-support-service:hover,
.sz-support-service:focus-visible {
    border-color: #ffbf93;
    box-shadow: 0 14px 36px rgba(23,32,45,.085);
    transform: translateY(-2px);
}
.sz-support-service__icon {
    display: grid;
    flex: 0 0 46px;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 1px solid #ffe6d5;
    border-radius: 14px;
    color: #ed6606;
    background: #fff4eb;
    font-size: 1.21rem;
}
.sz-support-service__copy { flex: 1; min-width: 0; }
.sz-support-service__copy strong,
.sz-support-service__copy small { display: block; }
.sz-support-service__copy strong { color: #202831; font-size: .85rem; line-height: 1.35; }
.sz-support-service__copy small { margin-top: 4px; color: #78828e; font-size: .69rem; line-height: 1.5; }
.sz-support-service__arrow { align-self: flex-start; color: #eb7625; font-size: .81rem; }

.sz-support-page .sz-support-layout { gap: 23px; grid-template-columns: minmax(0, 1.5fr) minmax(290px,.6fr); }
.sz-support-page .sz-support-layout > main { min-width: 0; }
.sz-support-page .sz-support-layout > aside { top: 96px; }
.sz-support-page .sz-support-form {
    scroll-margin-top: 115px;
    border: 1px solid #e5e7ee;
    border-radius: 21px;
    box-shadow: 0 17px 50px rgba(25,32,43,.065);
}
.sz-support-page .sz-support-form > header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 29px 30px 26px;
    background: linear-gradient(126deg, #fff, #fffaf6);
}
.sz-support-form__header-icon {
    display: grid;
    flex: 0 0 47px;
    place-items: center;
    width: 47px;
    height: 47px;
    border: 1px solid #ffdfc9;
    border-radius: 15px;
    color: #f66b00;
    background: #fff0e4;
    font-size: 1.3rem;
}
 .sz-support-page .sz-support-form > header > div > span {
    color: #ed6606;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .09em;
}
.sz-support-page .sz-support-form > header h2 { color: #1a222b; font-size: 1.35rem; letter-spacing: -.03em; }
.sz-support-page .sz-support-form > header p { max-width: 550px; font-size: .79rem; }
.sz-support-page .sz-support-form__grid { gap: 18px; padding: 27px 30px 30px; }
.sz-support-page .sz-support-form__grid label > span { color: #3c4652; font-size: .76rem; }
.sz-support-page .sz-support-form input:not([type="hidden"]):not([type="file"]),
.sz-support-page .sz-support-form select,
.sz-support-page .sz-support-form textarea {
    min-height: 48px;
    border-color: #dfe4eb;
    border-radius: 11px;
    background: #fcfdff;
    font-size: .84rem;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.sz-support-page .sz-support-form input:focus,
.sz-support-page .sz-support-form select:focus,
.sz-support-page .sz-support-form textarea:focus { background: #fff; }
.sz-support-page .sz-support-form textarea { min-height: 145px; }
.sz-support-page .sz-support-form > footer { padding: 21px 30px; background: #fbfcfe; }
.sz-support-page .sz-support-form > footer button {
    min-height: 48px;
    padding: 0 20px;
    border-radius: 11px;
    box-shadow: 0 8px 19px rgba(255,107,0,.17);
}
.sz-support-page .sz-support-form > footer button:hover { background: #e96000; }
.sz-support-page .sz-support-contact-card,
.sz-support-page .sz-support-departments,
.sz-support-page .sz-support-existing-ticket {
    border-radius: 19px;
    box-shadow: 0 8px 30px rgba(25,32,43,.045);
}
.sz-support-page .sz-support-contact-card {
    padding: 23px;
    border-color: #262f39;
    color: #fff;
    background: linear-gradient(153deg,#1d2731,#101820);
}
.sz-support-page .sz-support-contact-card > span { color: #ffa166; }
.sz-support-page .sz-support-contact-card h3 { margin-top: 7px; color: #fff; font-size: 1.07rem; line-height: 1.3; }
.sz-support-contact-card__lead { margin: 8px 0 12px; color: rgba(255,255,255,.64); font-size: .72rem; line-height: 1.6; }
.sz-support-page .sz-support-contact-card > a,
.sz-support-page .sz-support-contact-card > div {
    border-bottom-color: rgba(255,255,255,.12);
    color: #fff;
}
.sz-support-page .sz-support-contact-card > a > i,
.sz-support-page .sz-support-contact-card > div > i { color: #ff9c5c; background: rgba(255,124,36,.13); }
.sz-support-page .sz-support-contact-card small { color: rgba(255,255,255,.56); }
.sz-support-page .sz-support-contact-card strong { color: #fff; overflow-wrap: anywhere; }
.sz-support-page .sz-support-departments,
.sz-support-page .sz-support-existing-ticket { padding: 23px; border-color: #e6e9ef; }
.sz-support-page .sz-support-departments h3 { font-size: 1.02rem; }
.sz-support-page .sz-support-departments article > i { border-radius: 12px; }
.sz-support-page .sz-support-existing-ticket { background: #fffaf6; border-color: #ffeadc; }
.sz-support-page .sz-support-existing-ticket h3 { font-size: .98rem; }

@media (max-width: 1100px) {
    .sz-support-hero .container.sz-support-hero__layout { grid-template-columns: minmax(0,1fr) minmax(265px,.85fr); gap: 22px; }
    .sz-support-hero__floating { padding: 9px; }
    .sz-support-hero__floating--top { right: 3%; }
    .sz-support-hero__floating--bottom { left: 3%; }
    .sz-support-page .sz-support-layout { grid-template-columns: minmax(0,1fr) 285px; gap: 16px; }
}
@media (max-width: 991.98px) {
    .sz-support-hero .container.sz-support-hero__layout { grid-template-columns: 1fr; }
    .sz-support-hero__visual { display: none; }
    .sz-support-hero { padding: 27px 0 45px; }
    .sz-support-hero h1 { max-width: 740px; }
    .sz-support-services { grid-template-columns: 1fr; gap: 10px; }
    .sz-support-service { min-height: 82px; }
    .sz-support-page .sz-support-layout { grid-template-columns: 1fr; }
    .sz-support-page .sz-support-layout > aside { position: static; }
}
@media (max-width: 680px) {
    .sz-support-hero { padding: 22px 0 38px; }
    .sz-support-hero__breadcrumb { margin-bottom: 27px; }
    .sz-support-hero h1 { font-size: clamp(2.35rem, 11vw, 3.3rem); }
    .sz-support-hero p { font-size: .91rem; line-height: 1.65; }
    .sz-support-hero__actions { gap: 14px; margin-top: 23px; }
    .sz-support-page { padding: 34px 0 55px; }
    .sz-support-intro__line { display: none; }
    .sz-support-services { margin-bottom: 23px; }
    .sz-support-page .sz-support-form > header { padding: 22px 18px; }
    .sz-support-page .sz-support-form__grid { padding: 21px 18px; }
    .sz-support-page .sz-support-form > footer { padding: 19px 18px; }
    .sz-support-page .sz-support-form > footer button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    .sz-support-service,
    .sz-support-hero__primary { transition: none; }
}