:root{--background-color: #092433;background-color:var(--background-color);font-family:Segoe UI,Arial,sans-serif}html,body,#app{margin:0;padding:0;height:100%;width:100%}.login-page{display:flex;height:100vh;max-height:100vh;overflow:hidden;background:#060e1a;padding:1.5em;gap:1.5em;position:relative;box-sizing:border-box}.login-left{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:2;padding:2.5em 3em;background:radial-gradient(ellipse 80% 60% at 15% 75%,rgba(0,150,219,.1) 0%,transparent 60%),linear-gradient(175deg,#0b1a2e,#091422,#060e1a);border-radius:20px;position:relative;z-index:1;overflow:hidden}.wave-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}.login-card-container{position:relative;width:100%;max-width:480px;padding:4em 3.5em;background:#081426bf;border-radius:16px;border:1px solid rgba(0,150,219,.1);box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hexagon-logo{width:8em;margin:0 auto 1.2em;display:block}.login-brand-title{font-family:Segoe UI,Arial,sans-serif;font-size:3.5em;font-weight:700;color:#fff;margin:0 0 .2em;letter-spacing:-.02em;line-height:1.2;text-align:center}.login-brand-icon{width:4em;height:4em;margin:0 auto .4em;display:block}.brand-auto,.brand-cfm{font-weight:700;letter-spacing:-.03em}.login-brand-tagline{font-size:1.1em;color:#8cb8d0;margin:0 0 .8em;line-height:1.6;min-height:1.6em;text-align:center}.typing-cursor{display:inline-block;width:2px;height:1em;background:#0096db;margin-left:2px;vertical-align:text-bottom;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.login-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,150,219,.35),transparent);margin:0 0 1.2em}.login-section{display:flex;flex-direction:column;align-items:center;gap:1em}.login-section-title{font-size:1.5em;font-weight:600;color:#fff;margin:0}.login-section-subtitle{font-size:1em;color:#6a9ab5;margin:0;text-align:center}.login-section-note{font-size:.78em;color:#3d6070;margin:.5em 0 0;text-align:center}.login-right{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3em 2.5em;background:linear-gradient(160deg,#0f2640,#081a2e 40%,#050f1c);border:1px solid rgba(0,150,219,.15);border-radius:20px;overflow:hidden;position:relative}.login-right:before{content:"";position:absolute;top:-30%;right:-20%;width:70%;height:70%;background:radial-gradient(ellipse,rgba(0,150,219,.1) 0%,transparent 65%);pointer-events:none}.login-right:after{content:"";position:absolute;bottom:-10%;left:-5%;width:50%;height:50%;background:radial-gradient(ellipse,rgba(0,180,160,.05) 0%,transparent 70%);pointer-events:none}.login-right-headline{font-size:2.2em;font-weight:800;color:#fff;line-height:1.3;margin:0 0 .4em;position:relative;z-index:1}.login-right-headline span{color:#4fc3f7}.login-right-subline{font-size:1em;color:#6a9ab5;margin:0 0 1.6em;line-height:1.6;position:relative;z-index:1}.login-features{list-style:none;padding:0;margin:0 0 1.5em;display:flex;flex-direction:column;gap:.7em;position:relative;z-index:1}.login-features li{display:flex;align-items:flex-start;gap:.75em;color:#a0c4d8;font-size:1em;line-height:1.4}.feature-dot{width:6px;height:6px;border-radius:50%;background:#4fc3f7;flex-shrink:0;margin-top:.5em}.feature-text strong{display:block;color:#fff;font-size:.95em;margin-bottom:.15em}.feature-text span{font-size:.85em;color:#5a8a9f}.login-mockup{position:relative;z-index:1;background:#081426cc;border:1px solid rgba(0,150,219,.15);border-radius:16px;padding:1.2em;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff05;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mockup-topbar{display:flex;align-items:center;gap:.5em;margin-bottom:1em;padding-bottom:.8em;border-bottom:1px solid rgba(255,255,255,.05)}.mockup-dot{width:8px;height:8px;border-radius:50%}.mockup-dot:nth-child(1){background:#ff5f57}.mockup-dot:nth-child(2){background:#febc2e}.mockup-dot:nth-child(3){background:#28c840}.mockup-title{margin-left:.5em;font-size:.75em;color:#3d6070;letter-spacing:.5px}.mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.6em;margin-bottom:.8em}.mockup-kpi{background:#0096db0d;border:1px solid rgba(0,150,219,.1);border-radius:10px;padding:.7em}.mockup-kpi-label{font-size:.7em;color:#4a7a8a;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.5px}.mockup-kpi-value{font-size:1.2em;font-weight:700;color:#fff}.mockup-kpi-delta{font-size:.65em;color:#4caf7d;margin-top:.2em}.mockup-chart{background:#0096db08;border:1px solid rgba(0,150,219,.08);border-radius:10px;padding:.8em;margin-bottom:.8em}.mockup-chart-label{font-size:.7em;color:#4a7a8a;margin-bottom:.6em;text-transform:uppercase;letter-spacing:.5px}.mockup-bars{display:flex;align-items:flex-end;gap:.4em;height:60px}.mockup-bar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#0096db,#0096db4d);opacity:.6}.mockup-bar:nth-child(odd){background:linear-gradient(180deg,#0080c0,#0080c040)}.mockup-bar.accent{background:linear-gradient(180deg,#4fc3f7,#4fc3f766);opacity:1}.mockup-providers{display:flex;gap:.5em}.mockup-provider{font-size:.75em;padding:.3em .7em;border-radius:6px;border:1px solid rgba(0,150,219,.2);color:#5a9ab5;background:#0096db0f}.login-right-version{position:relative;z-index:1;margin-top:1.2em;text-align:right;font-size:.7em;font-family:monospace;color:#2a5a7a;letter-spacing:.5px}@media(max-width:900px){.login-page{flex-direction:column}.login-left{width:100%;min-width:unset;padding:2.5em 2em}.login-right{display:none}}.login{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.login a{display:block;text-decoration:none;text-align:center;background:transparent;color:#fff;padding:.85em 1.5em;border-radius:6px;font-size:.95em;font-weight:600;letter-spacing:.02em;width:100%;max-width:260px;border:1.5px solid rgba(0,150,219,.5);transition:background .2s,border-color .2s,box-shadow .2s,opacity 2s;animation:borderPulse 2.5s ease-in-out infinite}@keyframes borderPulse{0%,to{border-color:#0096db59;box-shadow:0 0 6px #0096db1a}50%{border-color:#0096dbd9;box-shadow:0 0 16px #0096db59,inset 0 0 8px #0096db0f}}.login a:hover{background:#0096db1f;border-color:#0096db;box-shadow:0 0 20px #0096db66;animation:none}.login a.faded{opacity:.3;animation:none}