.enf-ng {
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
}
.enf-ng * {
box-sizing: border-box;
}
.enf-ng__head {
text-align: center;
margin-bottom: 14px;
}
.enf-ng__title {
font-size: 28px;
font-weight: 700;
margin: 0;
}
.enf-ng__subtitle {
font-size: 14px;
margin-top: 6px;
}
.enf-ng__form {
max-width: 520px;
margin: 0 auto;
}
.enf-ng__input,
.enf-ng__select {
width: 100% !important;
padding: 10px 12px;
margin: 6px 0;
border-radius: 2px;
font-size: 14px;
outline: none;
border: 1px solid #1aa7ff;
}
.enf-ng__input::placeholder {
opacity: 0.85;
}
.enf-ng__actions {
display: flex;
gap: 10px;
margin-top: 12px;
}
.enf-ng__btn {
padding: 9px 18px;
border-radius: 4px;
border: 1px solid #1aa7ff;
background: #1aa7ff;
color: #fff;
cursor: pointer;
font-size: 14px;
}
.enf-ng__btn--secondary {
background: transparent;
color: #1aa7ff;
}
.enf-ng__check {
display: flex;
gap: 8px;
align-items: flex-start;
margin-top: 10px;
font-size: 12px;
}
.enf-ng__check input {
margin-top: 2px;
}
.enf-ng__alert {
padding: 8px 10px;
border-radius: 4px;
margin-bottom: 10px;
font-size: 13px;
}
.enf-ng__alert--ok {
background: #e8fff1;
border: 1px solid #1f9d55;
color: #0a5;
}
.enf-ng__alert--err {
background: #ffecec;
border: 1px solid #d33;
color: #a00;
} .enf-ng--light {
background: #ffffff;
color: #111;
padding: 18px;
}
.enf-ng--light .enf-ng__title {
color: #1aa7ff;
}
.enf-ng--light .enf-ng__subtitle {
color: #000;
} .enf-ng--dark {
background: #2f2f2f;
color: #ffffff;
padding: 18px;
}
.enf-ng--dark .enf-ng__title {
color: #1aa7ff;
font-size: 20px;
}
.enf-ng--dark .enf-ng__subtitle {
color: #ffffff;
font-size: 13px;
}
.enf-ng--dark .enf-ng__input,
.enf-ng--dark .enf-ng__select {
background: transparent;
color: #ffffff;
border-color: #1aa7ff;
}
.enf-ng--dark .enf-ng__input::placeholder {
color: #d8d8d8;
}
.enf-ng--dark .enf-ng__btn {
width: 100%;
}
.enf-ng--dark .enf-ng__btn--secondary {
display: none;
} @media (max-width: 480px) {
.enf-ng__form {
max-width: 100%;
}
.enf-ng__actions {
flex-direction: column;
}
} .enf-ng--light .enf-ng__input,
.enf-ng--light .enf-ng__select {
color: #111; background: #fff; }
.enf-ng--light .enf-ng__input::placeholder {
color: #6b7280; opacity: 1; } .enf-ng--light .enf-ng__input::-moz-placeholder {
color: #6b7280;
opacity: 1;
}