.login-panel{-webkit-backdrop-filter:blur(16px);background:#001f3fd9;border:1px solid #00a8cc80;border-radius:12px;width:100%;max-width:480px;padding:48px 40px;position:relative;box-shadow:0 8px 32px #0077b64d,inset 0 0 80px #00a8cc14,inset 0 1px #ffffff26}.panel-glow{pointer-events:none;opacity:0;background:radial-gradient(circle at 60% 40%,#00d4ff26,#0000 70%);border-radius:12px;animation:4s ease-in-out infinite panelGlowPulse;position:absolute;inset:-2px}@keyframes panelGlowPulse{0%,to{opacity:0}50%{opacity:1}}.panel-header{text-align:center;z-index:1;margin-bottom:40px;position:relative}.system-emblem{filter:drop-shadow(0 0 16px #00d4ff4d);background:#00d4ff1f;border:1px solid #00a8cc66;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 20px;display:flex}.system-emblem svg{width:32px;height:32px}.panel-title{letter-spacing:2px;color:#00d4ff;text-shadow:0 0 20px #00d4ff80;text-transform:uppercase;margin-bottom:8px;font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700}.panel-subtitle{letter-spacing:2px;color:#00a8cc;text-transform:uppercase;opacity:.9;margin-bottom:6px;font-size:11px;font-weight:600}.panel-desc{color:#8ecae6;letter-spacing:.5px;margin-top:12px;font-size:12px}.error-message{color:#ff8787;z-index:1;background:#ff6b6b26;border-left:3px solid #ff6b6b;border-radius:4px;margin-bottom:24px;padding:12px 14px;font-size:12px;position:relative}.login-form{z-index:1;flex-direction:column;gap:20px;display:flex;position:relative}.input-field{flex-direction:column;gap:6px;display:flex}.input-field label{color:#00d4ff;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:600}.input-field input{color:#e3f2fd;background:#001f3f99;border:1px solid #00a8cc4d;border-radius:6px;outline:none;padding:12px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;transition:all .2s}.input-field input:focus{background:#001f3fcc;border-color:#00a8cc;box-shadow:0 0 20px #00a8cc4d,inset 0 0 20px #00a8cc0d}.input-field input:disabled{opacity:.6;cursor:not-allowed}.input-field input::placeholder{color:#456b7a}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:40px}.toggle-password{color:#8ecae6;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle-password:hover:not(:disabled){color:#00d4ff;opacity:1}.toggle-password svg{width:16px;height:16px}.submit-button{color:#00d4ff;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#00a8cc33,#0077b626);border:1px solid #00a8cc66;border-radius:6px;outline:none;margin-top:8px;padding:14px 16px;font-size:12px;font-weight:600;transition:all .25s;position:relative;overflow:hidden}.submit-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.submit-button:hover:not(:disabled):before{transform:translate(100%)}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#00a8cc40,#0077b633);border-color:#00d4ff;box-shadow:0 0 24px #00d4ff66}.submit-button:active:not(:disabled){box-shadow:0 0 24px #00d4ff66,inset 0 0 20px #00a8cc26}.submit-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{border:2px solid #00d4ff4d;border-top-color:#00d4ff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.panel-footer{color:#8ecae6;letter-spacing:1px;text-transform:uppercase;z-index:1;justify-content:center;align-items:center;gap:8px;margin-top:28px;font-size:10px;display:flex;position:relative}.status-indicator{background:#00d4ff;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 12px #00d4ffcc}@keyframes statusPulse{0%,to{box-shadow:0 0 12px #00d4ffcc}50%{box-shadow:0 0 20px #00d4ff}}@media (width<=768px){.login-panel{max-width:100%;padding:36px 28px}.panel-title{letter-spacing:2px;font-size:18px}.submit-button{font-size:11px}}@media (prefers-reduced-motion:reduce){.panel-glow,.statusPulse,.panelGlowPulse{animation:none!important}*{transition:none!important}}.app{background:#080a12;width:100vw;height:100vh;position:relative;overflow:hidden}.login-wrapper{z-index:10;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#dce8f2;background:#080a12;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;position:fixed;inset:0}