.login-page-wrapper{background:#fff;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:Inter,Arial,Helvetica,sans-serif;display:flex;position:fixed;inset:0}.login-container{background:#fff;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:500px;padding:60px 50px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #06b6d426,0 0 0 1px #06b6d41a}.login-container:before{content:"";background:linear-gradient(90deg,#06b6d4 0%,#0cc7ed 100%);height:4px;position:absolute;top:0;left:0;right:0}.logoLogin{filter:drop-shadow(0 4px 8px #06b6d41a);width:200px;height:auto;margin-bottom:40px}.login-title{color:#000;text-align:center;letter-spacing:-.5px;margin-bottom:24px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:28px;font-weight:700}.login-input-group{flex-direction:column;width:100%;margin-top:24px;display:flex}.login-input-group label{color:#000;letter-spacing:.2px;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.login-input-group input{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:2px solid #e0f2fe;border-radius:12px;outline:none;width:100%;padding:16px 18px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:15px;transition:all .3s}.login-input-group input:hover{background-color:#fff;border-color:#bae6fd}.login-input-group input:focus{background-color:#fff;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d41a}.login-button{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#06b6d4 0%,#0cc7ed 100%);border:none;border-radius:12px;width:100%;padding:16px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:block;box-shadow:0 4px 12px #06b6d44d}.login-button:hover{background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%);transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.login-button:active{transform:translateY(0);box-shadow:0 2px 8px #06b6d44d}.login-error-message{color:#ef4444;text-align:center;box-sizing:border-box;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:500}.resetPasswordLink{text-align:center;margin-top:32px;font-size:14px}.resetPasswordLink a{color:#06b6d4;font-weight:600;text-decoration:none;transition:all .2s;position:relative}.resetPasswordLink a:after{content:"";background:linear-gradient(90deg,#06b6d4 0%,#0cc7ed 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-2px;left:0}.resetPasswordLink a:hover{color:#0cc7ed}.resetPasswordLink a:hover:after{width:100%}.login-remember-me{width:100%;margin-top:20px;padding:12px}.login-remember-me label{cursor:pointer;align-items:center;gap:8px;margin-bottom:4px;display:flex}.login-remember-me input[type=checkbox]{cursor:pointer;accent-color:#06b6d4;width:18px;height:18px}.login-remember-me p{color:#6b7280;margin:4px 0 0;font-size:12px;line-height:1.4}