body{color:#222;background:#fff;flex-direction:column;min-height:100vh;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;display:flex;overflow-x:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.network-container{z-index:-1;opacity:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.navbar{box-sizing:border-box;z-index:10;background-color:#051c2c;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:relative;box-shadow:0 4px 12px #00000026}.navbar-brand{color:#fff;letter-spacing:.5px;margin:0;font-family:Georgia,serif;font-size:1.6rem;font-weight:700}.navbar-links{display:none}@media (width>=900px){.navbar-links{gap:30px;display:flex}}.navbar-links a{color:#fff;letter-spacing:.5px;padding-bottom:5px;font-size:14px;font-weight:500;text-decoration:none;position:relative}.navbar-links a:after{content:"";background-color:#fff;width:0;height:2px;transition:all .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.navbar-links a:hover:after{width:100%}.navbar-actions{align-items:center;display:flex}.navbar-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:4px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.navbar-btn:hover{color:#051c2c;background-color:#fff}.login-container{box-sizing:border-box;z-index:5;flex:1;justify-content:center;align-items:center;padding:60px 20px 20px;display:flex;position:relative}.login-content{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:1000px;margin-top:50px;display:flex}@media (width>=768px){.login-content{flex-direction:row;justify-content:space-between;gap:60px}}.brand-section{text-align:center;opacity:0;flex:1;animation:.8s ease-out forwards slideUpFade}@media (width>=768px){.brand-section{text-align:left;padding-right:40px}}.brand-title{color:#051c2c;letter-spacing:-.5px;margin:0 0 15px;font-family:Georgia,serif;font-size:3.5rem;font-weight:700}.brand-subtitle{color:#222;margin:0;font-size:1.4rem;font-weight:400;line-height:1.5}.auth-card{opacity:0;background:#fff;border-radius:6px;width:100%;max-width:400px;padding:35px;animation:.8s ease-out .3s forwards slideUpFade;box-shadow:0 10px 40px #051c2c14}.error-message{color:#856404;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 16px;font-size:14px;animation:.3s ease-out slideUpFade;display:flex}.error-icon{flex-shrink:0;font-size:16px}.input-group{flex-direction:column;gap:15px;margin-bottom:20px;display:flex}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .form-input{box-sizing:border-box;width:100%;padding-right:40px}.eye-btn{color:#a2aaad;cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;transition:color .2s;position:absolute;right:12px}.eye-btn:hover{color:#051c2c}.form-input{color:#222;box-sizing:border-box;border:1px solid #a2aaad;border-radius:4px;outline:none;padding:14px 16px;font-family:Arial,Helvetica,sans-serif;font-size:16px;transition:all .3s}.form-input:focus{border-color:#051c2c;transform:translateY(-1px);box-shadow:0 0 0 2px #051c2c26}.form-input:disabled{color:#999;cursor:not-allowed;opacity:.6;background-color:#f5f5f5}.remember-me{color:#222;align-items:center;gap:8px;margin-bottom:25px;font-size:14px;display:flex}.remember-me input{cursor:pointer;accent-color:#051c2c;width:16px;height:16px;transition:opacity .2s}.remember-me input:hover:not(:disabled){opacity:.8}.remember-me label{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s}.remember-me input:hover:not(:disabled)+label{color:#051c2c}.btn-primary{color:#fff;cursor:pointer;background-color:#051c2c;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover{background-color:#1c4363;box-shadow:0 4px 12px #051c2c33}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;background-color:#1c4363;transform:none}.eye-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:10px;animation:.8s linear infinite spin}.divider{border-bottom:1px solid #e5e5e5;margin:20px 0}.forgot-password{text-align:center;color:#051c2c;font-size:14px;text-decoration:none;transition:opacity .2s;display:block}.forgot-password:hover{opacity:.8;text-decoration:underline}.corporate-footer{text-align:center;color:#7d8b96;opacity:0;z-index:50;background:0 0;padding:20px;font-size:12px;animation:.8s ease-out .6s forwards slideUpFade;position:fixed;bottom:0;left:0;right:0}.corporate-footer a{color:#7d8b96;margin:0 10px;text-decoration:none}.corporate-footer a:hover{color:#051c2c;text-decoration:underline}