.asm-form {
    max-width: 980px;
    margin: 40px auto;
    padding: 32px;
    background: #fff;
    color: #182b36;
    border: 1px solid #dce5e8;
    border-radius: 16px;
    font-family: system-ui, -apple-system, sans-serif;
    line-height: 1.7;
    box-sizing: border-box
}

.asm-form h1, .asm-form h2 {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 16px
}

.asm-form label {
    display: block;
    margin: 20px 0;
    font-weight: 600
}

.asm-form input:not([type=checkbox]):not([type=hidden]), .asm-form textarea {
    display: block;
    width: 100%;
    padding: 12px;
    margin-top: 8px;
    border: 1px solid #9faeb8;
    border-radius: 6px;
    background: #fff;
    color: #182b36;
    box-sizing: border-box
}

.asm-form textarea {
    resize: vertical
}

.asm-form input:focus, .asm-form textarea:focus, .asm-form button:focus-visible {
    outline: 3px solid #92d8d2;
    outline-offset: 2px
}

.asm-required {
    font-size: 12px;
    background: #ffc4cc;
    color: #c53c3c;
    padding: 6px 8px;
    border-radius: 4px;
    margin-left: 6px;
    margin-bottom: 6px;
    display: inline-block;
}

.asm-form button {
    border: 0;
    border-radius: 6px;
    padding: 14px 24px;
    background: #176c65;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer
}

.asm-form button:hover {
    background: #10554f
}

.asm-form .asm-note {
    font-size: 13px;
    color: #526572
}

.asm-form .asm-consent {
    font-size: 14px;
    font-weight: 400
}

.asm-form dt {
    font-weight: 700;
    border-top: 1px solid #e0e8eb;
    padding-top: 14px
}

.asm-form dd {
    margin: 6px 0 20px;
    overflow-wrap: anywhere
}

.asm-trap {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden
}

@media(max-width:600px) {
    .asm-form {
        margin: 16px 8px;
        padding: 24px 18px
    }

    .asm-form button {
        width: 100%
    }
}