/* ============================================================
   VT PULSE — SUBMIT V2
============================================================ */

:root {
    --submit-primary: #ff3b8d;
    --submit-bg: #050508;
    --submit-surface: #0b0b10;
    --submit-surface-2: #101017;
    --submit-border: rgba(255,255,255,.08);
    --submit-border-strong: rgba(255,255,255,.14);
    --submit-muted: #74747e;
}


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


html,
body.submit-page {
    max-width: 100vw;
    overflow-x: clip;
}


body.submit-page {
    margin: 0;

    background:
        var(--submit-bg);

    color:
        white;

    font-family:
        'Saira Condensed',
        sans-serif;
}


/* ============================================================
   HERO
============================================================ */

.submit-hero {
    position: relative;

    min-height:
        480px;

    display: flex;

    overflow: hidden;

    border-bottom:
        1px solid
        var(--submit-border);

    background:
        radial-gradient(
            circle at 80% 30%,
            rgba(255,59,141,.11),
            transparent 30%
        ),
        #050508;
}


.submit-hero-grid {
    position: absolute;

    inset: 0;

    opacity: .16;

    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.05)
            1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.05)
            1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    mask-image:
        linear-gradient(
            90deg,
            black,
            transparent 85%
        );
}


.submit-hero-inner {
    position: relative;

    z-index: 2;

    width:
        min(
            1400px,
            calc(100% - 70px)
        );

    margin: auto;

    padding:
        80px 0 65px;
}


.submit-eyebrow {
    margin-bottom:
        15px;

    color:
        #55555f;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        2px;
}


.submit-hero h1 {
    max-width:
        950px;

    margin: 0;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        clamp(
            60px,
            8vw,
            125px
        );

    line-height:
        .88;

    letter-spacing:
        -4px;

    text-transform:
        uppercase;
}


.submit-hero h1 span {
    display: block;

    color:
        var(--submit-primary);
}


.submit-hero p {
    max-width:
        560px;

    margin:
        28px 0 0;

    color:
        #7a7a84;

    font-size:
        17px;

    line-height:
        1.45;
}


.submit-hero-meta {
    display: flex;

    align-items: center;

    gap:
        12px;

    margin-top:
        35px;

    color:
        #4a4a52;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.3px;
}


.submit-hero-meta
span:first-child {
    color:
        var(--submit-primary);
}


.submit-hero-meta i {
    width: 45px;
    height: 1px;

    background:
        rgba(255,255,255,.13);
}


/* ============================================================
   PROGRESSO
============================================================ */

.submit-progress-wrap {
    position: sticky;

    top: 58px;

    z-index: 60;

    border-bottom:
        1px solid
        var(--submit-border);

    background:
        rgba(5,5,8,.94);

    backdrop-filter:
        blur(16px);
}


.submit-progress-inner {
    width:
        min(
            1400px,
            calc(100% - 70px)
        );

    min-height:
        82px;

    margin:
        0 auto;

    display: grid;

    grid-template-columns:
        190px 1fr auto;

    align-items: center;

    gap:
        25px;
}


.submit-progress-copy {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap:
        15px;

    font-family:
        'Oswald',
        sans-serif;
}


.submit-progress-copy span {
    color:
        #55555e;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.4px;
}


.submit-progress-copy strong {
    color:
        var(--submit-primary);

    font-size:
        13px;
}


.submit-progress-track {
    width: 100%;
    height: 3px;

    overflow: hidden;

    background:
        rgba(255,255,255,.06);
}


#form-progress-bar {
    width: 0;
    height: 100%;

    background:
        var(--submit-primary);

    box-shadow:
        0 0 8px
        rgba(255,59,141,.55);

    transition:
        width .3s ease;
}


.submit-progress-meta {
    display: flex;

    align-items: flex-end;

    flex-direction: column;

    gap: 2px;

    color:
        #414149;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1px;
}


.submit-progress-meta
span:first-child {
    color:
        #74747e;
}


/* ============================================================
   LAYOUT
============================================================ */

.submit-layout {
    width: min(
        1400px,
        calc(100% - 70px)
    );

    margin: 0 auto;

    padding:
        75px 0
        120px;

    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        400px;

    gap: 75px;

    align-items: start;
}


.submit-form {
    min-width: 0;
}


.profile-preview-column {
    min-width: 0;
    align-self: stretch;
}


.profile-preview-sticky {
    position: sticky;
    top: 155px;
    z-index: 20;
}


/* ============================================================
   SEÇÕES
============================================================ */

.form-section {
    margin-bottom:
        90px;
}


.form-section-heading {
    display: grid;

    grid-template-columns:
        32px 1fr;

    gap: 12px;

    margin-bottom:
        32px;

    padding-bottom:
        18px;

    border-bottom:
        1px solid
        var(--submit-border);
}


.form-section-heading
> span {
    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    padding-top:
        6px;
}


.form-section-heading h2 {
    margin: 0;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        29px;

    line-height:
        1;

    letter-spacing:
        .2px;
}


.form-section-heading p {
    margin:
        7px 0 0;

    color:
        #666670;

    font-size:
        14px;
}


/* ============================================================
   CAMPOS
============================================================ */

.form-field {
    margin-bottom:
        25px;
}


.form-field > label,
.field-topline > label {
    display: block;

    margin-bottom:
        8px;

    color:
        #bdbdc5;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        .8px;

    text-transform:
        uppercase;
}


.field-topline {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap: 20px;

    margin-bottom:
        8px;
}


.field-topline > label {
    margin: 0;
}


.form-field input,
.form-field textarea,
.form-field select {
    width: 100%;

    border:
        1px solid
        var(--submit-border);

    border-radius: 0;

    outline: none;

    background:
        #09090d;

    color:
        white;

    font-family:
        'Saira Condensed',
        sans-serif;

    font-size:
        15px;

    transition:
        .25s ease;
}


.form-field input,
.form-field select {
    height:
        50px;

    padding:
        0 14px;
}


.form-field textarea {
    min-height:
        150px;

    padding:
        14px;

    resize: vertical;

    line-height:
        1.45;
}


.form-field input:focus,
.form-field textarea:focus,
.form-field select:focus {
    border-color:
        rgba(255,59,141,.7);

    background:
        #0d0d12;
}


.form-field input::placeholder,
.form-field textarea::placeholder {
    color:
        #3f3f47;
}


.form-field.invalid
input,
.form-field.invalid
textarea,
.form-field.invalid
select {
    border-color:
        rgba(255,59,141,.85);
}


.field-help,
.field-meta-row small {
    display: block;

    margin-top:
        7px;

    color:
        #4f4f58;

    font-size:
        11px;

    line-height:
        1.3;
}


.field-error {
    display: block;

    min-height:
        16px;

    margin-top:
        5px;

    color:
        var(--submit-primary);

    font-size:
        11px;

    font-weight:
        600;
}


.field-meta-row {
    display: flex;

    align-items: flex-start;

    justify-content:
        space-between;

    gap:
        20px;
}


.field-meta-row
small:last-child {
    flex:
        0 0 auto;
}


.form-grid-2 {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        20px;
}


/* ============================================================
   CHOICE CARDS
============================================================ */

.choice-row {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 8px;
}


.choice-card {
    position: relative;

    min-height:
        80px;

    cursor: pointer;
}


.choice-card input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.choice-card > span {
    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        15px;

    border:
        1px solid
        var(--submit-border);

    background:
        #09090d;

    transition:
        .25s ease;
}


.choice-card strong {
    color:
        #a9a9b2;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        13px;
}


.choice-card small {
    margin-top:
        3px;

    color:
        #4f4f58;

    font-size:
        11px;
}


.choice-card
input:checked + span {
    border-color:
        var(--submit-primary);

    background:
        rgba(255,59,141,.07);
}


.choice-card
input:checked + span strong {
    color: white;
}


/* ============================================================
   NÃO FAÇO LIVE
============================================================ */

.no-live-btn {
    display: inline-flex;

    align-items: center;

    gap:
        7px;

    padding: 0;

    border: 0;

    background:
        transparent;

    color:
        #55555e;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        .8px;

    cursor: pointer;

    transition:
        .25s ease;
}


.toggle-dot {
    width: 14px;
    height: 14px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        #44444c;

    border-radius:
        50%;

    transition:
        .25s ease;
}


.no-live-btn.active {
    color:
        var(--submit-primary);
}


.no-live-btn.active
.toggle-dot {
    border-color:
        var(--submit-primary);

    background:
        var(--submit-primary);

    box-shadow:
        inset 0 0 0 3px
        #09090d;
}


.live-field.disabled
input {
    opacity: .35;

    pointer-events: none;
}


/* ============================================================
   TAGS
============================================================ */

.open-tags-btn {
    width: 100%;

    min-height:
        50px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    padding:
        0 14px;

    border:
        1px solid
        var(--submit-border);

    background:
        #09090d;

    color:
        #8d8d96;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor: pointer;

    transition:
        .25s ease;
}


.open-tags-btn span {
    color:
        var(--submit-primary);

    font-size:
        16px;
}


.open-tags-btn:hover {
    color: white;

    border-color:
        var(--submit-primary);
}


.field-counter {
    color:
        #55555e;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;
}


.selected-tags {
    display: flex;

    flex-wrap: wrap;

    gap:
        6px;

    margin-top:
        10px;
}


.selected-tags span {
    padding:
        6px 9px;

    border:
        1px solid
        rgba(255,59,141,.32);

    background:
        rgba(255,59,141,.08);

    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        .5px;
}


/* ============================================================
   IDIOMAS
============================================================ */

.language-chip-grid {
    display: grid;

    grid-template-columns:
        repeat(4, 1fr);

    gap: 7px;
}


.language-chip {
    position: relative;

    min-height:
        61px;

    cursor: pointer;
}


.language-chip input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.language-chip > span,
.language-chip > small {
    position: relative;

    z-index: 2;
}


.language-chip {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        var(--submit-border);

    background:
        #09090d;

    transition:
        .25s ease;
}


.language-chip > span {
    color:
        #8c8c95;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        13px;

    font-weight:
        700;
}


.language-chip > small {
    margin-top:
        2px;

    color:
        #45454d;

    font-size:
        9px;
}


.language-chip:has(input:checked) {
    border-color:
        var(--submit-primary);

    background:
        rgba(255,59,141,.07);
}


.language-chip:has(input:checked)
> span {
    color:
        white;
}


.language-chip:has(input:checked)
> small {
    color:
        var(--submit-primary);
}


/* ============================================================
   UPLOADS
============================================================ */

.upload-grid {
    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap: 12px;
}


.upload-card {
    position: relative;

    min-height:
        245px;

    overflow: hidden;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    border:
        1px solid
        var(--submit-border);

    background:
        #09090d;

    cursor: pointer;

    transition:
        .25s ease;
}


.upload-card input {
    position: absolute;

    opacity: 0;

    pointer-events: none;
}


.upload-card:hover {
    border-color:
        rgba(255,59,141,.65);
}


.upload-preview {
    position: absolute;

    inset: 0;

    opacity: 0;

    background-size:
        cover;

    background-position:
        center;

    transition:
        .3s ease;
}


.upload-card.has-image
.upload-preview {
    opacity: .55;
}


.upload-card::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(5,5,8,.98),
            rgba(5,5,8,.15) 70%
        );

    pointer-events: none;
}


.upload-copy,
.upload-action {
    position: relative;

    z-index: 3;
}


.upload-copy {
    padding:
        18px 18px 10px;
}


.upload-copy span {
    display: block;

    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.3px;
}


.upload-copy strong {
    display: block;

    margin-top:
        3px;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        20px;
}


.upload-copy small,
.upload-copy b {
    display: block;

    color:
        #777780;

    font-size:
        10px;

    font-weight: 500;
}


.upload-copy b {
    color:
        #4d4d56;
}


.upload-action {
    min-height:
        42px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    padding:
        0 18px;

    border-top:
        1px solid
        rgba(255,255,255,.06);

    color:
        #777780;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1px;
}


.upload-action span {
    color:
        var(--submit-primary);

    font-size:
        15px;
}


.upload-ref {
    min-height:
        210px;

    margin-bottom:
        25px;
}


.upload-warning {
    margin-top:
        12px;

    padding:
        12px 14px;

    border-left:
        3px solid
        var(--submit-primary);

    background:
        rgba(255,59,141,.06);

    color:
        #9e9ea7;

    font-size:
        12px;
}


/* ============================================================
   STATUS
============================================================ */

.form-status {
    margin-bottom:
        25px;

    padding:
        15px 18px;

    border-left:
        3px solid
        var(--submit-primary);

    background:
        rgba(255,59,141,.06);

    color:
        #a7a7af;

    font-size:
        13px;
}


/* ============================================================
   SUBMIT
============================================================ */

.form-submit-area {
    min-height:
        120px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap:
        30px;

    padding-top:
        25px;

    border-top:
        1px solid
        var(--submit-border);
}


.form-submit-area
> div > span {
    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.2px;
}


.form-submit-area
> div > p {
    max-width:
        420px;

    margin:
        5px 0 0;

    color:
        #5b5b64;

    font-size:
        12px;
}


.submit-main-btn {
    min-width:
        190px;

    min-height:
        50px;

    display: inline-flex;

    align-items: center;

    justify-content:
        space-between;

    gap:
        25px;

    padding:
        0 15px;

    border:
        1px solid
        var(--submit-primary);

    background:
        transparent;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        10px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor: pointer;

    transition:
        .25s ease;
}


.submit-main-btn b {
    color:
        var(--submit-primary);

    font-size:
        15px;
}


.submit-main-btn:hover,
.submit-main-btn:disabled {
    background:
        var(--submit-primary);
}


.submit-main-btn:hover b,
.submit-main-btn:disabled b {
    color: white;
}


.submit-main-btn:disabled {
    cursor:
        wait;

    opacity: .8;
}


/* ============================================================
   PREVIEW
============================================================ */

.profile-preview-column {
    min-width: 0;
    align-self: stretch;
}

.profile-preview-sticky {
    position: sticky;
    top: 140px;
    z-index: 20;
}


.preview-heading {
    margin-bottom:
        12px;

    padding-bottom:
        12px;

    border-bottom:
        1px solid
        var(--submit-border);
}


.preview-heading span {
    display: block;

    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.3px;
}


.preview-heading strong {
    display: block;

    margin-top:
        3px;

    color:
        #777780;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        10px;

    letter-spacing:
        .7px;
}


.preview-card {
    overflow: hidden;

    border:
        1px solid
        var(--submit-border);

    background:
        #09090d;
}


.preview-banner {
    position: relative;

    height:
        155px;

    display: flex;

    align-items: center;

    justify-content: center;

    background:
        linear-gradient(
            135deg,
            #111118,
            #07070a
        );

    background-size:
        cover;

    background-position:
        center;

    border-bottom:
        2px solid
        var(--submit-primary);

    color:
        #37373f;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1px;
}


.preview-body {
    position: relative;

    min-height:
        190px;

    padding:
        60px 20px
        20px;
}


.preview-avatar {
    position: absolute;

    top:
        -47px;
    left:
        20px;

    width:
        94px;
    height:
        94px;

    display: flex;

    align-items: center;

    justify-content: center;

    overflow: hidden;

    border:
        2px solid
        var(--submit-primary);

    background:
        #111118;

    background-size:
        cover;

    background-position:
        center;

    color:
        #46464e;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;
}


.preview-kicker {
    display: block;

    margin-bottom:
        4px;

    color:
        #51515a;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;

    letter-spacing:
        1.3px;
}


.preview-meta h3 {
    margin: 0;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        28px;

    line-height:
        .95;

    text-transform:
        uppercase;
}


.preview-meta p {
    margin:
        6px 0 12px;

    color:
        #767680;

    font-size:
        12px;
}


.preview-tags {
    display: flex;

    flex-wrap: wrap;

    gap:
        5px;
}


.preview-tags span {
    padding:
        4px 6px;

    border:
        1px solid
        rgba(255,255,255,.07);

    background:
        rgba(255,255,255,.03);

    color:
        #898992;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        7px;

    font-weight:
        700;
}


.preview-languages {
    margin-top:
        12px;

    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1px;
}


.preview-note {
    margin-top:
        12px;

    color:
        #45454d;

    font-size:
        10px;

    line-height:
        1.35;
}


/* ============================================================
   TAG MODAL
============================================================ */

.tags-modal {
    position: fixed;

    inset: 0;

    z-index:
        99999;

    display: none;

    align-items: center;

    justify-content: center;

    padding:
        20px;

    background:
        rgba(0,0,0,.84);

    backdrop-filter:
        blur(8px);
}


.tags-modal.active {
    display: flex;
}


.tags-modal-content {
    width:
        min(
            720px,
            100%
        );

    max-height:
        calc(100vh - 40px);

    overflow: auto;

    border:
        1px solid
        var(--submit-border-strong);

    background:
        #07070a;
}


.tags-header {
    min-height:
        80px;

    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap:
        25px;

    padding:
        18px;

    border-bottom:
        1px solid
        var(--submit-border);
}


.tags-header
> div > span {
    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.3px;
}


.tags-header h3 {
    margin:
        3px 0 0;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        21px;
}


.tags-header
> strong {
    color:
        #666670;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        11px;
}


.tags-grid {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 7px;

    padding:
        20px 18px;
}


.tag-item {
    min-height:
        46px;

    padding:
        0 11px;

    border:
        1px solid
        var(--submit-border);

    background:
        #0b0b0f;

    color:
        #777780;

    font-family:
        'Saira Condensed',
        sans-serif;

    font-size:
        12px;

    cursor: pointer;

    transition:
        .25s ease;
}


.tag-item:hover {
    color: white;

    border-color:
        rgba(255,59,141,.4);
}


.tag-item.selected {
    color: white;

    border-color:
        var(--submit-primary);

    background:
        rgba(255,59,141,.09);
}


.tags-actions {
    min-height:
        68px;

    display: flex;

    align-items: center;

    justify-content:
        flex-end;

    gap:
        8px;

    padding:
        12px 18px;

    border-top:
        1px solid
        var(--submit-border);
}


.tags-actions button {
    min-height:
        38px;

    padding:
        0 14px;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        1px;

    cursor: pointer;
}


.tags-secondary {
    border:
        1px solid
        var(--submit-border);

    background:
        transparent;

    color:
        #777780;
}


.tags-primary {
    border:
        1px solid
        var(--submit-primary);

    background:
        var(--submit-primary);

    color: white;
}


/* ============================================================
   SUCCESS
============================================================ */

.submit-success-overlay {
    position: fixed;

    inset: 0;

    z-index:
        999999;

    align-items: center;

    justify-content: center;

    padding:
        20px;

    background:
        rgba(0,0,0,.9);

    backdrop-filter:
        blur(10px);
}


.submit-success-card {
    width:
        min(
            620px,
            100%
        );

    padding:
        35px;

    border:
        1px solid
        var(--submit-border-strong);

    background:
        #07070a;
}


.submit-success-card
> span {
    color:
        var(--submit-primary);

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        8px;

    font-weight:
        700;

    letter-spacing:
        1.4px;
}


.submit-success-card h2 {
    margin:
        8px 0 15px;

    color: white;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        clamp(
            40px,
            7vw,
            68px
        );

    line-height:
        .95;
}


.submit-success-card p {
    margin: 0;

    color:
        #7c7c86;

    font-size:
        15px;

    line-height:
        1.45;
}


.submit-success-actions {
    display: flex;

    flex-wrap: wrap;

    gap:
        10px;

    margin-top:
        25px;
}


.submit-success-actions a {
    min-height:
        40px;

    display: inline-flex;

    align-items: center;

    padding:
        0 12px;

    border:
        1px solid
        var(--submit-border);

    color:
        #83838c;

    text-decoration: none;

    font-family:
        'Oswald',
        sans-serif;

    font-size:
        9px;

    font-weight:
        700;

    transition:
        .25s ease;
}


.submit-success-actions
a:first-child {
    color: white;

    border-color:
        var(--submit-primary);
}


.submit-success-actions a:hover {
    color: white;

    border-color:
        var(--submit-primary);
}


/* ============================================================
   RESPONSIVO
============================================================ */

@media (max-width: 1100px) {

    .submit-layout {
        grid-template-columns:
            minmax(0, 1fr)
            330px;

        gap:
            45px;
    }


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

}


@media (max-width: 900px) {

    .submit-progress-wrap {
        top: 58px;
    }


    .submit-progress-inner {
        width:
            calc(100% - 30px);

        grid-template-columns:
            160px 1fr;
    }


    .submit-progress-meta {
        display: none;
    }


    .submit-layout {
        width:
            calc(100% - 30px);

        grid-template-columns:
            1fr;
    }


    .profile-preview-column {
        display: none;
    }

}


@media (max-width: 650px) {

    .submit-hero {
        min-height:
            440px;
    }


    .submit-hero-inner {
        width:
            calc(100% - 30px);

        padding:
            70px 0 55px;
    }


    .submit-hero h1 {
        font-size:
            clamp(
                55px,
                18vw,
                85px
            );

        letter-spacing:
            -2px;
    }


    .submit-progress-inner {
        min-height:
            70px;

        grid-template-columns:
            1fr;
    }


    .submit-progress-copy {
        padding-top:
            12px;
    }


    .submit-progress-track {
        margin-bottom:
            12px;
    }


    .form-section {
        margin-bottom:
            65px;
    }


    .form-grid-2,
    .choice-row,
    .upload-grid {
        grid-template-columns:
            1fr;
    }


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


    .field-topline {
        align-items:
            flex-start;

        flex-direction:
            column;

        gap:
            5px;
    }


    .form-submit-area {
        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .submit-main-btn {
        width: 100%;
    }


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

}


@media (max-width: 420px) {

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


    .submit-success-card {
        padding:
            25px 20px;
    }

}

.submit-connect-login{width:min(430px,100%);min-height:58px;margin:27px 0 0;padding:0 15px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;column-gap:18px;border:1px solid rgba(255,59,141,.32);background:rgba(255,59,141,.035);color:#fff;text-decoration:none;transition:.25s ease}.submit-connect-login span{color:#65656f;font:700 7px 'Oswald',sans-serif;letter-spacing:1px}.submit-connect-login strong{font:700 11px 'Oswald',sans-serif;letter-spacing:.6px}.submit-connect-login i{grid-column:2;grid-row:1/3;align-self:center;color:#ff3b8d;font-style:normal}.submit-connect-login:hover{transform:translateY(-2px);border-color:#ff3b8d;background:rgba(255,59,141,.07)}


/* ============================================================
   CRÉDITOS CRIATIVOS
============================================================ */
.creative-credits-block{margin-top:28px;padding-top:25px;border-top:1px solid var(--submit-border)}
.creative-credits-heading,.creative-credit-ref-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.creative-credits-heading span,.creative-credit-kind{display:block;color:var(--submit-primary);font:700 8px 'Oswald',sans-serif;letter-spacing:1.2px}
.creative-credits-heading strong{display:block;margin-top:4px;color:#d7d7dd;font:700 16px 'Oswald',sans-serif}
.creative-credits-heading>small,.creative-credit-ref-head>small{color:#4d4d56;font:700 7px 'Oswald',sans-serif;letter-spacing:1px}
.creative-credits-intro{max-width:620px;margin:10px 0 17px;color:#5f5f69;font-size:12px;line-height:1.4}
.creative-credit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.creative-credit-card{padding:16px;border:1px solid var(--submit-border);background:#08080c}
.creative-credit-card>.creative-credit-kind{margin-bottom:14px}
.creative-credit-card .form-field{margin-bottom:12px}
.creative-credit-card .form-field:last-child{margin-bottom:0}
.creative-credit-card .form-field input{height:44px;background:#0b0b10}
.creative-credit-ref{margin:-8px 0 25px}
.creative-credit-ref-head{margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.055)}
.creative-credit-ref .creative-credit-grid .form-field{margin-bottom:0}
@media(max-width:650px){.creative-credit-grid{grid-template-columns:1fr}.creative-credits-heading{flex-direction:column;gap:5px}}