:root{--primary-blue:#036;--primary-yellow:gold;--accent-cyan:#e6f0ff;--text-dark:#1e293b;--text-light:#64748b;--white:#fff;--glass-bg:#ffffffd9;--glass-border:#fff9;--shadow:0 8px 32px 0 #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#001a33;width:100vw;height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden}#canvas-container{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.wrapper{z-index:10;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:24px;flex-direction:column;align-items:center;padding:40px;transition:transform .3s;display:flex;position:relative}.login-card:before{content:"";background:linear-gradient(90deg,var(--primary-blue),var(--primary-yellow),var(--primary-blue));border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.login-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00336640}.logo-container{filter:drop-shadow(0 4px 6px #0000001a);justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:24px;display:flex}.logo-container img{object-fit:contain;width:100%;height:auto}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--primary-blue);margin-bottom:8px;font-size:1.5rem;font-weight:700}.login-header p{color:var(--text-light);font-size:.9rem}.form-group{width:100%;margin-bottom:20px;position:relative}.form-label{color:var(--primary-blue);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.input-wrapper{width:100%;position:relative}.input-wrapper i{color:var(--primary-blue);opacity:.7;pointer-events:none;font-size:1.2rem;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.form-input{width:100%;color:var(--text-dark);background:#ffffffe6;border:2px solid #e2e8f0;border-radius:12px;outline:none;padding:14px 16px 14px 48px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input:focus{border-color:var(--primary-yellow);background:#fff;box-shadow:0 0 0 4px #ffd70033}.form-input:focus+i,.input-wrapper:focus-within i{color:var(--primary-yellow);opacity:1}.form-input::placeholder{color:#94a3b8}.password-toggle{color:var(--primary-blue);cursor:pointer;padding:4px;transition:color .2s;position:absolute!important;top:0!important;right:0!important}.password-toggle:hover{color:var(--primary-yellow)}.options-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;font-size:.85rem;display:flex}.remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-dark);align-items:center;gap:8px;display:flex}.remember-me input{accent-color:var(--primary-blue);cursor:pointer;width:16px;height:16px}.forgot-link{color:var(--primary-blue);font-weight:500;text-decoration:none;transition:all .2s}.forgot-link:hover{color:var(--primary-yellow);text-decoration:underline}.btn-submit{background:var(--primary-blue);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px #0363}.btn-submit:hover{background:#024;transform:translateY(-1px);box-shadow:0 6px 12px #0033664d}.btn-submit:after{content:"";opacity:0;background:linear-gradient(#ffffff1a,#0000);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn-submit:hover:after{opacity:1}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-top-color:var(--primary-yellow);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:none}@keyframes spin{to{transform:rotate(360deg)}}.toast-container{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:12px;min-width:300px;padding:16px 20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translate(120%);box-shadow:0 4px 12px #00000026}.toast.show{transform:translate(0)}.toast.success{border-left-color:var(--primary-blue)}.toast.success i{color:var(--primary-blue)}.toast.error{border-left-color:#ef4444}.toast.error i{color:#ef4444}.toast-content h4{color:var(--text-dark);margin-bottom:2px;font-size:.9rem}.toast-content p{color:var(--text-light);font-size:.8rem}.footer-info{color:var(--text-light);text-align:center;margin-top:24px;font-size:.75rem}@media (max-width:480px){.login-card{width:90%;padding:30px 20px}.logo-container{width:90px;height:90px}}