/* Login / register extras: hero text, input icons, password eye, trust chips */
.auth-screen .logo { padding-bottom: 84px; }
.auth-hero-title { position: relative; z-index: 1; margin: 12px 0 0; color: #fff; font-size: 1.45rem; font-weight: 800; letter-spacing: -.2px; }
.auth-screen .logo p { margin-top: 4px !important; font-size: .88rem !important; font-weight: 500 !important; opacity: .92; }

.auth-card .form-field { margin-bottom: 14px; }
.auth-card .input-wrap { position: relative; }
.auth-card .input-wrap::before {
    content: ""; position: absolute; left: 13px; top: 50%; width: 18px; height: 18px; transform: translateY(-50%);
    background: #7a5ce6; opacity: .85; pointer-events: none; z-index: 1;
    -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat;
}
.auth-card .input-wrap .form-control,
.auth-card .input-wrap input { padding-left: 42px !important; }
.auth-card .input-wrap.has-eye input { padding-right: 44px !important; }
.input-wrap.ic-phone { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 006.6 6.6l2.2-2.2a1 1 0 011-.25 11 11 0 003.5.56 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.2.2 2.4.56 3.5a1 1 0 01-.25 1z'/%3E%3C/svg%3E"); }
.input-wrap.ic-mail { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1V6a1 1 0 011-1zm9 7L4 7.3V17h16V7.3L12 12zm0-2l8-4H4l8 4z'/%3E%3C/svg%3E"); }
.input-wrap.ic-lock { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 9V7a5 5 0 00-10 0v2H5v12h14V9h-2zM9 7a3 3 0 016 0v2H9V7zm3 8a2 2 0 110 4 2 2 0 010-4z'/%3E%3C/svg%3E"); }
.input-wrap.ic-gift { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7h-2.2A3 3 0 0012 4.2 3 3 0 006.2 7H4v5h1v9h14v-9h1V7zM15 5.5a1.5 1.5 0 010 3h-2.6L15 5.5zm-6 0l2.6 3H9a1.5 1.5 0 010-3zM6 9h5v1H6V9zm0 3h5v7H6v-7zm12 7h-5v-7h5v7zm1-9h-6V9h6v1z'/%3E%3C/svg%3E"); }

.auth-card .eye-btn {
    position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; border: 0; background: none;
    color: #7a5ce6; font-size: 11px; font-weight: 800; cursor: pointer; z-index: 2;
}

.auth-card .btn-login, .auth-card .btn-register {
    height: 50px; border-radius: 12px !important; letter-spacing: .3px;
    background: linear-gradient(120deg, #9b7bf0 0%, #7a5ce6 55%, #5b45d6 100%) !important;
    box-shadow: 0 8px 18px rgba(122, 92, 230, .35) !important;
}
.auth-card .form-control:focus { border-color: #7a5ce6 !important; box-shadow: 0 0 0 3px rgba(122, 92, 230, .16) !important; }

.auth-chips { display: flex; justify-content: center; gap: 8px; margin: 2px 16px 0; flex-wrap: wrap; }
.auth-chips span {
    padding: 6px 11px; border-radius: 999px; background: rgba(255, 255, 255, .8); color: #4b3fa8;
    font-size: .72rem; font-weight: 700; box-shadow: 0 1px 3px rgba(15, 23, 42, .08);
}
.auth-screen .footer-text { padding: 0 16px; }
@media (min-width: 700px) {
    .phone-wrapper:has(.auth-screen) { max-width: 430px; margin: 0 auto; }
}
.auth-card .input-wrap input { width: 100% !important; max-width: 100%; box-sizing: border-box; }
html { background: #bfe3f8; }