.welcome {
    zoom: var(--s);
    width: 328px;
    max-width: calc(var(--vw) - 32px / var(--s));
    max-height: calc(var(--vh) - 32px / var(--s));
    margin: auto;
    padding: 0 16px 16px;
    border: 0;
    border-radius: 32px;
    background: #fff;
    box-shadow: 0 0 10px #ffffff40;
    color: var(--grey);
    font: inherit;
    text-align: center;
    overflow: auto;
}

.welcome::backdrop { background: rgba(0, 0, 0, .8); }
.welcome form { display: flex; flex-direction: column; gap: 16px; }
.welcome__header { position: relative; display: flex; align-items: center; justify-content: center; height: 52px; flex-shrink: 0; border-bottom: 1px solid var(--separator); }
.welcome__title { margin: 0; color: var(--green); font-size: 16px; font-weight: 700; line-height: 14px; }
.welcome__close { position: absolute; right: 6px; width: 32px; height: 32px; background: url("../images/figma/modal-close.svg") center / 8px 8px no-repeat; }
.welcome__description { margin: 0; font-size: 14px; font-weight: 500; line-height: 16px; }
.welcome__agreement { display: flex; align-items: center; gap: 16px; min-height: 24px; padding-left: 10px; text-align: left; font-size: 12px; font-weight: 500; line-height: 20px; letter-spacing: -.02em; }
.welcome__agreement a { color: #008348; text-decoration: underline; }
.welcome__agreement label { cursor: pointer; }
.welcome__checkbox { appearance: none; flex: 0 0 24px; width: 24px; height: 24px; margin: 0; border: 1px solid #ccc; border-radius: 8px; background: #fff; cursor: pointer; }
.welcome__checkbox:checked { border-color: #008348; background: #008348; }
.welcome__checkbox:checked::after { content: ""; display: block; width: 6px; height: 11px; margin: 3px 0 0 8px; border: solid #fff; border-width: 0 1px 1px 0; transform: rotate(45deg); }
.welcome__button { display: block; width: 100%; height: 40px; border-radius: 32px; background: var(--green); color: #fff; font-size: 16px; font-weight: 500; line-height: 18px; }
.welcome__button:disabled { background: #c8c8c8; cursor: default; }
.welcome :focus-visible { outline: 2px solid #08782a; outline-offset: 3px; }
.welcome__title:focus { outline: none; }