:root {
    --color-interactive-positive: #18A0FB;
    --color-interactive-negative: #E41761;
    --color-text-primary: #03121C;
    --color-text-secondary: #64646C;
    --color-text-tertiary: #AAAAB2;
    --color-background-primary: #FFFFFF;
    --color-decorator-strong: #C5CED2;
    --color-decorator-regular: #D5DDE2;
    --color-decorator-soft: #F1F4F4;
    --color-decorator-passion: #e41761;

    --color-separator: rgba(0, 0, 0, 0.12);
}

section { max-width: 600px; margin: 0 auto; text-align: center; font: 16px/24px sans-serif; }
section h1 { font: bold 24px/24px sans-serif; color: var(--color-text-primary); }
section p { font: 16px/24px sans-serif; color: var(--color-text-secondary); }
section form ul { list-style-type: none; padding: 0; }
section form ul li { color: var(--color-decorator-passion); }

form input {
    font: 16px/24px sans-serif;
    color: var(--color-text-primary);
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: solid 1px var(--color-separator);
    border-radius: 4px;
    margin-bottom: 8px;
}
form input:placeholder { color: var(--color-text-secondary); }

form button {
    font: 16px/24px sans-serif;
    color: #FFF;
    background-color: var(--color-interactive-positive);
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    border: none;
    border-radius: 4px;
}