/* /assets/css/auth-polish.css */

body.auth-page {
background:
radial-gradient(circle at top left, rgba(255, 20, 120, 0.16), transparent 34%),
radial-gradient(circle at bottom right, rgba(255, 194, 71, 0.14), transparent 32%),
linear-gradient(135deg, #fff7fb 0%, #fffaf0 48%, #ffffff 100%);
}

.auth-section {
min-height: calc(100vh - 90px);
display: flex;
align-items: center;
padding: 54px 0;
}

.auth-section .form-wrap {
width: min(100%, 520px);
margin: 0 auto;
}

.auth-card {
border: 1px solid rgba(255, 20, 120, 0.14);
border-radius: 28px;
background: rgba(255, 255, 255, 0.92);
box-shadow:
0 24px 70px rgba(80, 20, 55, 0.12),
0 8px 26px rgba(255, 20, 120, 0.08);
backdrop-filter: blur(16px);
}

.auth-card__badge {
background: rgba(255, 20, 120, 0.1);
color: #d90063;
border: 1px solid rgba(255, 20, 120, 0.18);
}

.auth-card__top h1 {
color: #17121b;
letter-spacing: -0.04em;
}

.auth-card__top p {
color: #6f6473;
}

.site-form input {
border-radius: 16px;
border: 1px solid rgba(20, 20, 30, 0.12);
background: #fff;
min-height: 54px;
}

.site-form input:focus {
border-color: rgba(255, 20, 120, 0.55);
box-shadow: 0 0 0 4px rgba(255, 20, 120, 0.12);
}

.password-field {
position: relative;
}

.password-toggle {
border-radius: 12px;
color: #d90063;
}

.auth-submit {
min-height: 56px;
border-radius: 999px;
background: linear-gradient(135deg, #ff1478, #ff4f9d);
box-shadow: 0 14px 32px rgba(255, 20, 120, 0.22);
}

.auth-links {
margin-top: 18px;
}

.auth-links a {
color: #d90063;
font-weight: 700;
}

.alert {
border-radius: 16px;
}

@media (max-width: 640px) {
.auth-section {
padding: 32px 0;
align-items: flex-start;
}

.auth-section .site-container {
padding-left: 14px;
padding-right: 14px;
}

.auth-card {
border-radius: 22px;
}

.auth-card__top h1 {
font-size: 30px;
}
}
.auth-social-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    margin-top: 12px;
    border-radius: 999px;
    font-weight: 800;
    text-decoration: none;
    border: 1px solid rgba(20, 20, 30, 0.14);
    background: #fff;
    color: #1f1f1f;
    box-shadow: 0 10px 24px rgba(20, 20, 30, 0.08);
}

.auth-social-btn:hover {
    text-decoration: none;
    transform: translateY(-1px);
}

.auth-social-btn--google::before {
    content: "G";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 50%;
    background: #fff;
    color: #4285f4;
    font-weight: 900;
    border: 1px solid rgba(20, 20, 30, 0.12);
}
.auth-social-btn--facebook::before {
    content: "f";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    border-radius: 50%;
    background: #1877f2;
    color: #fff;
    font-weight: 900;
}