@import url("aliatcore-tokens.css");

.trial-signup-shell {
    --trial-line: #dee5ee;
    --trial-field-line: #7587a1;
    --trial-muted: #526178;
    background: #f3f5f8;
    color: var(--aliatcore-deep);
    color-scheme: light;
    font-family: var(--aliatcore-font);
}

.trial-signup-shell .trial-signup-layout {
    border-color: var(--trial-line);
    box-shadow: 0 20px 52px #06162914;
}

.trial-signup-shell .trial-signup-identity {
    background: linear-gradient(155deg, var(--aliatcore-navy), var(--aliatcore-deep) 80%);
}

.trial-signup-shell .trial-brand-logo {
    width: min(100%, 300px);
    max-height: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.trial-signup-shell .trial-pill {
    color: #fff4d7;
    background: #c9a22724;
    border-color: #c9a2277a;
}

.trial-signup-shell .trial-identity-copy h1,
.trial-signup-shell .trial-signup-head h2 {
    letter-spacing: -.035em;
    font-weight: 750;
    line-height: 1.12;
}

.trial-signup-shell .trial-identity-copy h1 {
    font-size: clamp(34px, 2.8vw, 50px);
}

.trial-signup-shell .trial-journey li {
    min-height: 38px;
    border-color: #ffffff2e;
    border-radius: 7px;
}

.trial-signup-shell .trial-identity-footer {
    padding-top: 12px;
    border-top: 1px solid #ffffff2e;
}

.trial-signup-shell .trial-signup-head h2,
.trial-signup-shell .trial-signup-guidance strong,
.trial-signup-shell .trial-consent-box :is(legend, label) {
    color: var(--aliatcore-deep);
}

.trial-signup-shell :is(.trial-signup-head p, .trial-signup-guidance p, .trial-submit-area p) {
    color: var(--trial-muted);
}

.trial-signup-shell :is(.trial-signup-guidance, .trial-consent-box) {
    min-width: 0;
    background: #f3f5f8;
    border: 1px solid var(--trial-line);
    border-radius: 7px;
}

.trial-signup-shell .trial-signup-guidance {
    border-left: 3px solid var(--aliatcore-gold);
}

.trial-signup-shell .trial-signup-grid label {
    min-width: 0;
    color: var(--aliatcore-deep);
    font-size: 13px;
    font-weight: 600;
}

.trial-signup-shell .trial-signup-grid :is(input, select) {
    border-color: var(--trial-field-line);
    border-radius: 7px;
    color: var(--aliatcore-deep);
}

.trial-signup-shell .trial-signup-grid [aria-invalid="true"] {
    border-color: #a74956;
}

.trial-signup-shell .trial-signup-grid :is(input, select):focus {
    border-color: var(--aliatcore-navy);
    box-shadow: 0 0 0 3px #0b2d5b36;
}

.trial-signup-shell .trial-consent-box input {
    min-height: 19px;
    accent-color: var(--aliatcore-navy);
}

.trial-signup-shell :is(.trial-consent-box a, .trial-signup-login, .ux-actions .hc-inline-link) {
    color: var(--aliatcore-navy);
}

.trial-signup-shell :is(a, button, input[type="checkbox"]):focus-visible {
    outline: 2px solid var(--aliatcore-navy);
    outline-offset: 3px;
}

.trial-signup-shell :is(.trial-signup-login, .trial-signup-submit, .ux-actions .btn) {
    min-height: 44px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 650;
    box-shadow: none;
}

.trial-signup-shell :is(.trial-signup-submit, .ux-actions .btn:not(.secondary)) {
    color: #fff;
    background: linear-gradient(110deg, var(--aliatcore-navy), #103661);
    border-color: var(--aliatcore-navy);
}

.trial-signup-shell :is(.trial-signup-submit, .ux-actions .btn:not(.secondary)):hover {
    background: var(--aliatcore-deep);
}

.trial-signup-shell .trial-signup-submit:disabled {
    opacity: .6;
}

.trial-signup-shell :is(.trial-signup-login, .ux-actions .btn.secondary) {
    color: var(--aliatcore-navy);
    background: #fff;
    border-color: var(--trial-field-line);
}

.trial-signup-shell .alert.bad {
    color: #842433;
    background: #fce7ea;
    border-color: #c36570;
}

.trial-signup-shell .alert.good {
    color: #155139;
    background: #e7f4ed;
    border-color: #6d9c83;
}

@media (min-width: 1101px) {
    .trial-signup-shell .trial-signup-layout {
        grid-template-columns: minmax(300px, .56fr) minmax(0, 1fr);
    }

    .trial-signup-shell .trial-journey {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .trial-signup-shell .trial-submit-area {
        display: grid;
        grid-template-columns: max-content minmax(0, 1fr);
        align-items: center;
    }
}