/* ==== /css/pages/login.css ==== */
.error__msg,
.success__msg {
padding: var(--sp-3);
margin-bottom: var(--sp-4);
border-radius: var(--r-lg);
text-align: center;
line-height: var(--lh-snug);
}
.error__msg {
color: var(--c-danger-dark);
background: var(--c-danger-light);
}
.success__msg {
padding: var(--sp-4);
color: var(--c-success-dark);
background: var(--c-success-light);
}
.success__msg .found-id { font-size: var(--fs-xl); }
.success__msg .result-note { color: var(--c-text-muted); }
.auth__submit {
width: 100%;
border: none;
font-family: inherit;
cursor: pointer;
}
.modal__overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 1000;
justify-content: center;
align-items: center;
}
.modal__overlay.active {
display: flex;
}
.modal__content {
background: var(--c-surface);
border-radius: var(--r-xl);
padding: 40px;
max-width: 480px;
width: 90%;
position: relative;
}
.modal__close {
position: absolute;
top: 16px;
right: 16px;
cursor: pointer;
width: 24px;
height: 24px;
}
.modal__title {
font-size: var(--fs-3xl);
font-weight: 600;
margin-bottom: 24px;
text-align: center;
}
.modal__desc {
font-size: var(--fs-md);
color: var(--c-text-muted);
margin-bottom: 24px;
text-align: center;
}
.phone__wr {
display: flex;
gap: 8px;
}
.country__select {
width: 160px;
height: var(--h-control);
padding: 0 12px;
border: 1px solid var(--c-border-strong);
border-radius: var(--r-lg);
font-size: var(--fs-md);
background: var(--c-surface);
cursor: pointer;
color: var(--c-text-body);
}
.phone__wr input {
flex: 1;
}