*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow-y:auto;padding:20px}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:#05081c66}.login-container{position:relative;z-index:10;width:100%;display:flex;justify-content:center;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.login-container.visible{opacity:1;transform:translateY(0)}.glass-card{background:#0a0f3cbf;width:420px;padding:40px 35px;border-radius:20px;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 50px #0064ff33;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-logo{display:block;margin:0 auto 15px;width:80px;filter:drop-shadow(0 0 5px rgba(0,0,0,.5))}.title-yellow{color:#ffea00;font-size:22px;font-weight:700;margin-bottom:5px;text-shadow:0 0 10px rgba(255,234,0,.3)}.subtitle-white{color:#fff;font-size:14px;font-weight:400;margin-bottom:30px;opacity:.9}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:#fff;font-size:14px;font-weight:600;margin-bottom:8px;margin-left:5px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;height:48px;border-radius:50px;border:none;padding:0 20px 0 50px;font-size:15px;outline:none;background:#fff;color:#333;transition:all .3s ease}.input-wrapper input:focus{box-shadow:0 0 15px #00cba999}.input-wrapper input::-moz-placeholder{color:#aaa;font-style:italic}.input-wrapper input::placeholder{color:#aaa;font-style:italic}.icon-user,.icon-lock{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:20px;z-index:2;pointer-events:none}.icon-user:before{content:"👤";filter:grayscale(100%);opacity:.6}.icon-lock:before{content:"🔒";filter:grayscale(100%);opacity:.6}.btn-cyan{width:100%;height:48px;margin-top:10px;border-radius:50px;border:none;background:linear-gradient(90deg,#00cba9,#009e83);color:#fff;font-size:18px;font-weight:700;cursor:pointer;text-transform:uppercase;box-shadow:0 4px 15px #00cba966;transition:transform .2s,box-shadow .2s}.btn-cyan:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00cba999}.btn-cyan:active{transform:translateY(0)}.register-text{color:#fff;font-size:14px}.register-text a{color:#000;font-weight:800;text-decoration:none;background:#fffc;padding:2px 5px;border-radius:4px}.alert-error{background:#ff5252e6;color:#fff;padding:10px;border-radius:8px;margin-bottom:15px;font-size:14px}.text-error{color:#ff6b6b;font-size:12px;display:block;text-align:left;margin-top:5px;margin-left:10px}@media(max-width:768px){.glass-card{width:100%;max-width:350px;padding:30px 25px}.login-logo{width:60px;margin-bottom:10px}.title-yellow{font-size:18px}.subtitle-white{font-size:12px;margin-bottom:20px}.form-group label{font-size:13px;margin-bottom:5px}.input-wrapper input{height:42px;font-size:14px;padding-left:45px}.icon-user,.icon-lock{font-size:16px;left:15px}.btn-cyan{height:42px;font-size:16px}.register-text{font-size:12px}}