body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background-color: #0F1115;
    color: #ffffff;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.glass-nav {
    background: rgba(15, 17, 21, 0.85);
    backdrop-filter: blur(15px);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.atm-card {
    background: linear-gradient(120deg, #1a237e 0%, #0d47a1 50%, #00bcd4 100%);
    box-shadow: 0 10px 30px -10px rgba(0, 188, 212, 0.5);
    position: relative;
    overflow: hidden;
}

.atm-card::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 50%; height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.2), transparent);
    transform: skewX(-25deg);
    animation: shine 6s infinite;
}

@keyframes shine { 
    0% { left: -100%; } 
    20% { left: 200%; } 
    100% { left: 200%; } 
}

.fade-in { animation: fadeIn 0.6s ease forwards; opacity: 0; transform: translateY(20px); }
@keyframes fadeIn { to { opacity: 1; transform: translateY(0); } }