html,body,#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,sans-serif}.login-page{background:url(/assets/background-CoIflTfR.png) 50%/cover no-repeat;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:#08122673;position:absolute;inset:0}.login-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:22px;width:420px;max-width:90%;padding:45px 40px;transition:all .3s;position:relative;box-shadow:0 20px 60px #00000059}.logo{width:90px;margin:0 auto 18px;display:block}.login-card h1{color:#fff;text-align:center;font-size:34px;font-weight:700}.subtitle{color:#dbeafe;text-align:center;margin-top:10px;margin-bottom:35px;font-size:15px}.input-group{margin-bottom:22px}.input-group input{color:#fff;background:#ffffff1a;border:1px solid #ffffff40;border-radius:14px;outline:none;width:100%;height:54px;padding:0 18px;font-size:15px;transition:all .3s}.input-group input::placeholder{color:#d6d6d6}.input-group input:focus{border-color:#47c4ff;box-shadow:0 0 15px #47c4ff59}.password-box{position:relative}.password-box input{padding-right:55px}.toggle-password{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.login-options{color:#fff;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;display:flex}.remember{align-items:center;gap:8px;display:flex}.remember input{accent-color:#29b6ff}.forgot-link{color:#8dd8ff;cursor:pointer;background:0 0;border:none;font-size:14px}.forgot-link:hover{text-decoration:underline}.error-box{color:#ffd7d7;text-align:center;background:#ff000026;border:1px solid #ff000059;border-radius:12px;margin-bottom:20px;padding:12px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#18b6ff,#0d7cff);border:none;border-radius:15px;width:100%;height:55px;font-size:17px;font-weight:600;transition:all .3s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px #008cff73}@media (width<=768px){.login-card{width:92%;padding:35px 25px}.login-card h1{font-size:28px}.subtitle{font-size:14px}.login-options{flex-direction:column;gap:15px}}