.login-body{background:linear-gradient(135deg,#3bc8ff,#e6f7ff);height:100vh;font-family:Segoe UI,sans-serif;overflow:hidden}.login-wrapper{justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.login-card{z-index:2;background:#fff;border-radius:15px;width:360px;padding:30px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.2)}.bubbles{width:100%;height:100%;margin:0;padding:0;list-style:none;position:absolute;overflow:hidden}.bubbles li{background:rgba(255,255,255,.5);border-radius:50%;width:40px;height:40px;animation:20s infinite bubble;position:absolute;bottom:-100px}.bubbles li:first-child{width:60px;height:60px;animation-duration:18s;left:10%}.bubbles li:nth-child(2){animation-duration:22s;left:25%}.bubbles li:nth-child(3){width:80px;height:80px;animation-duration:25s;left:50%}.bubbles li:nth-child(4){animation-duration:20s;left:70%}.bubbles li:nth-child(5){width:50px;height:50px;animation-duration:17s;left:85%}@keyframes bubble{0%{opacity:.8;transform:translateY(0)scale(.8)}to{opacity:0;transform:translateY(-120vh)scale(1.2)}}