body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', 'Heebo', 'Segoe UI', Arial, sans-serif;
    /* Neon animated background */
    background: #181c26;
    position: relative;
    overflow: hidden;
}
body::before, body::after {
    content: "";
    position: absolute;
    border-radius: 60%;
    filter: blur(88px);
    z-index: 0;
    pointer-events: none;
}
body::before {
    width: 580px; height: 420px;
    background: linear-gradient(130deg, #22b8cf 30%, #625bf7 70%);
    left: -160px; top: -140px;
    animation: neonwave 14s ease-in-out infinite alternate;
    opacity: 0.55;
}
body::after {
    width: 420px; height: 320px;
    background: linear-gradient(150deg, #ea5cfb 10%, #19e6e6 90%);
    right: -120px; bottom: -120px;
    animation: neonwave2 17s ease-in-out infinite alternate;
    opacity: 0.44;
}
@keyframes neonwave {
    0% {transform:scale(1) translateY(0);}
    100% {transform:scale(1.18) translateY(26px);}
}
@keyframes neonwave2 {
    0% {transform:scale(1) translateY(0);}
    100% {transform:scale(1.12) translateY(-32px);}
}

.logo-container {
    display: flex;
    justify-content: center;
    margin-bottom: 17px;
}
.logo-container img {
    /* width: 92px; */
    height: 99px;
    object-fit: contain;
    background: none;
    /* border-radius: 50%; */
    /* box-shadow: 0 4px 18px 0 rgba(98,91,247,0.16); */
}

.glass-card {
    position: relative;
    z-index: 2;
    background: rgba(35,37,56, 0.98);
    border-radius: 22px;
    box-shadow: 0 8px 52px 0 rgba(0,0,0,0.23);
    width: 400px;
    padding: 38px 36px 26px 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1.2px solid #26283e;
}

.avatar {
    width: 68px;
    height: 68px;
    margin-bottom: 25px;
    border-radius: 50%;
    background: linear-gradient(120deg, #26283e 0%, #22b8cf 130%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 38px;
    color: #fff;
}

h2 {
    margin: 0 0 20px 0;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-align: center;
}

.input-row {
    width: 100%;
    margin-bottom: 19px;
    display: flex;
    align-items: center;
    position: relative;
    background: #23253b;
    border-radius: 10px;
    border: 1.2px solid #31344c;
    transition: border 0.18s;
    padding: 0 0 0 0;
    /* הורד padding מיותר! */
}
.input-row:focus-within {
    border: 1.2px solid #22b8cf;
}
.input-row .icon {
    color: #22b8cf;
    font-size: 17px;
    margin-left: 0;
    margin-right: 13px;   /* מרווח ימינה מהטקסט */
    flex-shrink: 0;
    min-width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-row .icon-lock {
    color: #f9d86e;
    font-size: 18px;
    margin-right: 13px;
}
.input-row input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #d5eaff !important;
    font-size: 17px;
    padding: 14px 0 14px 0;
    font-family: inherit;
    direction: ltr;
    text-align: left;
    background-color: transparent !important;   /* הבסיס */
    box-shadow: none !important;                /* הסר הצללות */
    transition: none;
}

/* תיקון חשוב: במצב פוקוס — צבע אחיד */
.input-row input:focus {
    background-color: transparent !important;
    color: #d5eaff !important;
}

.input-row input:-webkit-autofill,
.input-row input:-webkit-autofill:focus {
    background: transparent !important;
    -webkit-box-shadow: 0 0 0 30px #23253b inset !important;
    -webkit-text-fill-color: #d5eaff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.input-row input::placeholder {
    color: #8db9cb;
    font-size: 15px;
    text-align: left;
}

.input-row .toggle-pass {
    background: none;
    border: none;
    color: #a788fa;
    font-size: 14px;
    cursor: pointer;
    margin-right: 10px;
    padding: 0 4px;
    font-family: inherit;
    transition: color 0.14s;
}
.input-row .toggle-pass:hover { color: #19e6e6; }

.options-row {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    font-size: 15px;
    color: #9ab6d4;
}
.options-row label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    cursor:pointer;
}
.options-row input[type="checkbox"] {
    accent-color: #22b8cf;
}
.login-btn {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(90deg, #22b8cf 0%, #6d57ff 100%);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.2px;
    cursor: pointer;
    margin-top: 7px;
    transition: background 0.18s;
    box-shadow: 0 4px 24px 0 rgba(44, 186, 207, 0.12);
}
.login-btn:hover {
    background: linear-gradient(90deg, #19e6e6 0%, #553bd6 100%);
}
.forgot-link {
    color: #83b5c8;
    text-decoration: none;
    font-size: 15px;
    transition: color 0.18s;
}
.forgot-link:hover {
    color: #fff;
}
.reg-link {
    margin: 20px 0 0 0;
    text-align: center;
    color: #9caad3;
    font-size: 15px;
}
.reg-link b, .reg-link a {
    color: #22b8cf;
    font-weight: 600;
    text-decoration: underline;
}
@media (max-width: 600px) {
    .glass-card {
        width: 97vw;
        padding: 12px 2vw;
    }
    h2 {font-size:20px;}
    .avatar {width: 54px; height:54px;}
}
.home-btn {
    margin-top: 14px;
    background: transparent;
    border: none;
    color: #9aa4c7;
    cursor: pointer;
    font-size: 15px;
}