/* --- DYNAMIC SPLASH SCREEN (ADDED) --- */
#splash {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #1a0533;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    overflow: hidden;
    transition: opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.splash-bg-blobs .blob {
    position: absolute;
    width: 300px; height: 300px;
    background: rgba(106, 17, 203, 0.3);
    filter: blur(80px);
    border-radius: 50%;
    z-index: -1;
    animation: moveSplash 10s infinite alternate;
}

.blob:nth-child(2) {
    background: rgba(37, 117, 252, 0.2);
    right: -50px; bottom: -50px;
    animation-delay: -5s;
}

@keyframes moveSplash {
    from { transform: translate(-20%, -20%); }
    to { transform: translate(20%, 20%); }
}

.splash-content { text-align: center; }

.splash-logo {
    font-size: 3.5rem;
    font-weight: 900;
    background: linear-gradient(to right, #fff, #00d4ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
    letter-spacing: 4px;
}

.splash-text p { 
    margin: 5px 0; 
    font-size: 14px; 
    color: #ccc; 
    letter-spacing: 1px; 
}

.fade-in-text { 
    opacity: 0; 
    transform: translateY(10px); 
    animation: fadeInUpSplash 0.8s forwards; 
}

.delay-1 { animation-delay: 0.5s; }

@keyframes fadeInUpSplash { 
    to { opacity: 1; transform: translateY(0); } 
}

.splash-loader { 
    display: flex; 
    gap: 5px; 
    justify-content: center; 
    margin: 20px 0; 
}

.splash-loader .bar {
    width: 4px; height: 15px;
    background: #00d4ff;
    animation: growSplash 1s infinite ease-in-out;
}

.bar:nth-child(2) { animation-delay: 0.1s; }
.bar:nth-child(3) { animation-delay: 0.2s; }

@keyframes growSplash { 
    0%, 100% { transform: scaleY(1); } 
    50% { transform: scaleY(2); } 
}

#splash.hide-splash { 
    opacity: 0; 
    pointer-events: none; 
}
/* --- END OF SPLASH SCREEN --- */

/* --- YOUR EXISTING CSS (UNCHANGED) --- */
body { margin:0; font-family:Arial, sans-serif; background:linear-gradient(135deg,#2b0a4a,#6a11cb); color:white; overflow-x: hidden; }
* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }

#auth { height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align: center; }

/* Sabhi inputs aur password box ko center karne ke liye */
input, .passwordBox {
    width: 85% !important;
    max-width: 350px;
    margin: 10px auto !important;
    display: block !important;
    border-radius: 10px;
    border: none;
    outline: none;
}

input { padding: 12px; }

.passwordBox { 
    position: relative; 
    padding: 0 !important; 
    background: transparent;
}

.passwordBox input { 
    width: 100% !important; 
    margin: 0 !important; 
}

.eyeIcon { 
    position: absolute; 
    right: 12px; 
    top: 50%; 
    transform: translateY(-50%); 
    cursor: pointer; 
    color: #666; 
    z-index: 5;
}

button { width: 85%; max-width: 350px; padding:12px; border:none; border-radius:10px; cursor:pointer; margin: 10px auto; display: block; }
.linkBtn { background:none; color:#00d4ff; width:auto; display:inline; padding:0; margin:0; font-weight:bold; }

/* Baki Styles */
.card, .account-bind-box { margin:15px; padding:15px; background:rgba(255,255,255,0.15); border-radius:12px; }
.popup { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); justify-content:center; align-items:center; z-index:9999; }
.popup.active { display:flex; }
.popup-box { background:white; color:black; padding:20px; border-radius:15px; width:85%; max-width:350px; }
.bottomNav { position:fixed; bottom:0; left:0; width:100%; display:flex; justify-content:space-around; background:#111; padding:15px 0; font-size: 24px; }
.notice { width:100%; background:rgba(0,0,0,0.5); overflow:hidden; white-space:nowrap; padding: 5px 0; }
.notice span { display:inline-block; padding-left:100%; animation:moveText 12s linear infinite; font-size: 14px; }
@keyframes moveText { 0%{transform:translateX(0);} 100%{transform:translateX(-100%);} }

/* --- Security Deposit History Fix --- */
#depositHistory { 
    max-height: 150px; 
    overflow-y: auto; 
    margin-top: 10px; 
    border-top: 1px solid #ddd; 
    padding-top: 10px; 
}

.dep-hist-item { 
    font-size: 11px; 
    text-align: left; 
    padding: 8px; 
    border-bottom: 1px solid #eee; 
    color: #333 !important;
}

.dep-hist-item b {
    color: #6a11cb;
}