body{font-family:Arial,sans-serif;margin:0}.modern-container,body{height:100vh;overflow:hidden}.modern-container{align-items:center;background:linear-gradient(135deg,#4a90e2,#357abd 50%,#50e3c2);display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}header{position:absolute;text-align:center;top:60px;width:100%}.modern-logo{color:#fff;font-size:36px;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px #0003}.modern-login-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#4a90e240,#357abd4d 50%,#50e3c233);border:1px solid #fff6;border-radius:20px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001f,0 4px 8px #00000014,inset 0 1px 0 #fff6,inset 0 -1px 0 #4a90e24d;min-width:320px;padding:40px;position:relative;text-align:center;transform:translateY(0);transition:all .3s ease;z-index:1}.modern-login-box h2{color:#fffffff2;font-size:24px;font-weight:600;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.modern-login-box input{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:12px;box-shadow:inset 0 2px 4px #00000014,0 1px 2px #0000000f;box-sizing:border-box;color:#333;font-size:14px;margin:12px 0;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.modern-login-box input:focus{background:#fffffff2;border-color:#fff9;box-shadow:inset 0 2px 4px #00000014,0 0 0 3px #ffffff4d,0 2px 8px #4a90e233}.modern-login-box input::placeholder{color:#666;opacity:.8}.modern-login-box button{background:linear-gradient(135deg,#ffffffe6,#fffc);border:1px solid #fff6;border-radius:12px;box-shadow:0 6px 20px #0000001a,0 2px 8px #00000014,inset 0 1px 0 #fffc;color:#357abd;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.modern-login-box button:hover{background:linear-gradient(135deg,#fff,#fffffff2);box-shadow:0 8px 25px #00000026,0 4px 12px #0000001f,inset 0 1px 0 #ffffffe6;color:#2c6ba8;transform:translateY(-2px)}.modern-login-box button:active{box-shadow:0 4px 15px #0000001a,0 2px 6px #00000014,inset 0 1px 0 #fffc;transform:translateY(0)}.modern-login-box p{color:#666;margin-top:10px}.modern-login-box a{color:#4a90e2;text-decoration:none}.modern-login-box a:hover{text-decoration:underline}.modern-container:before{animation:float1 6s ease-in-out infinite;background:#ffffff26;border:2px solid #fff3;border-radius:50%;box-shadow:0 0 20px #ffffff1a,inset 0 0 20px #ffffff1a;content:"";height:200px;left:10%;position:absolute;top:10%;width:200px;z-index:0}.modern-container:after{animation:float2 8s ease-in-out infinite;background:#ffffff1f;border:1px solid #ffffff40;border-radius:50%;bottom:15%;box-shadow:0 0 15px #ffffff14,inset 0 0 15px #ffffff14;content:"";height:150px;position:absolute;right:15%;width:150px;z-index:0}.modern-container .floating-circle-1,.modern-container .floating-circle-2,.modern-container .floating-circle-3{background:#ffffff14;border:1px solid #fff3;border-radius:50%;position:absolute;z-index:0}.modern-container .floating-circle-1{animation:float3 4s ease-in-out infinite;box-shadow:0 0 10px #ffffff1a;height:80px;right:20%;top:20%;width:80px}.modern-container .floating-circle-2{animation:float1 7s ease-in-out infinite reverse;box-shadow:0 0 12px #ffffff14;height:120px;left:20%;top:60%;width:120px}.modern-container .floating-circle-3{animation:float2 5s ease-in-out infinite;box-shadow:0 0 8px #ffffff1f;height:60px;left:60%;top:30%;width:60px}@keyframes float1{0%,to{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(-5px) translateX(-5px)}75%{transform:translateY(-15px) translateX(3px)}}@keyframes float2{0%,to{transform:translateY(0) translateX(0)}33%{transform:translateY(-8px) translateX(-3px)}66%{transform:translateY(-12px) translateX(4px)}}@keyframes float3{0%,to{transform:translateY(0) translateX(0)}50%{transform:translateY(-8px) translateX(-2px)}}.modern-footer{bottom:20px;position:absolute;text-align:center;width:100%;z-index:1}.modern-footer span{color:#ffffffe6;font-size:12px;line-height:1.4}.modern-footer a{color:#ffffffe6;text-decoration:none}.modern-footer a:hover{color:#fff;text-decoration:underline}.modern-login-box:hover{box-shadow:0 25px 50px #0000002e,0 12px 20px #00000026,0 6px 12px #0000001f,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #4a90e266;transform:translateY(-2px)}@media screen and (max-width:480px){.modern-login-box{border-radius:16px;margin:20px;min-width:auto;padding:30px 20px;width:calc(100% - 40px)}.modern-logo{font-size:28px}header{top:40px}.modern-container:after,.modern-container:before{height:100px;width:100px}.modern-container .floating-circle-1,.modern-container .floating-circle-2,.modern-container .floating-circle-3{transform:scale(.7)}.modern-footer{bottom:10px;padding:0 20px}.modern-footer span{font-size:11px;line-height:1.3}}
/*# sourceMappingURL=main.bb3c2ba5.css.map*/