: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;align-items:center;justify-content:center;min-height:100vh;padding:2em;background:radial-gradient(ellipse 80% 60% at 15% 75%,rgba(0,150,219,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 75% 20%,rgba(0,180,160,.08) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(20,40,80,.4) 0%,transparent 70%),linear-gradient(175deg,#0b1a2e,#091422,#060e1a);position:relative;overflow:hidden}.wave-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.login-page:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none}.login-card-container{position:relative;width:100%;max-width:580px;padding:3.5em 4em;background:#081426b3;border-radius:20px;border:1px solid rgba(0,150,219,.12);box-shadow:0 8px 40px #0000004d,0 0 0 1px #ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hexagon-logo{width:12em;margin:0 auto 2.5em;display:block}.login-brand-title{font-family:Segoe UI,Arial,sans-serif;font-size:3.8em;font-weight:700;color:#fff;margin:0 0 .3em;letter-spacing:-.02em;line-height:1.2;text-align:center}.login-brand-icon{width:5.5em;height:5.5em;margin:0 auto .6em;display:block}.brand-auto,.brand-cfm{font-weight:700;letter-spacing:-.03em}.login-brand-tagline{font-size:1.15em;color:#8cb8d0;margin:0 0 1.2em;line-height:1.6;min-height:1.8em;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-features{list-style:none;padding:0;margin:0 0 2.5em;display:flex;flex-direction:column;gap:.8em}.login-features li{color:#a0c4d8;font-size:1.05em;display:flex;align-items:center;gap:.75em}.login-features li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#0096db;flex-shrink:0}.login-features li.feature-visible{animation:fadeInUp .3s ease-out both}.login-features li.feature-typing{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,150,219,.35),transparent);margin:0 0 1.8em}.login-section{display:flex;flex-direction:column;align-items:center;gap:1em}.login-section-title{font-size:1.3em;font-weight:600;color:#fff;margin:0}.login-section-subtitle{font-size:.9em;color:#6a9ab5;margin:0;text-align:center}.login-section-note{font-size:.78em;color:#3d6070;margin:.5em 0 0;text-align:center}@media(max-width:640px){.login-card-container{padding:2.5em 2em;max-width:100%}.login-brand-title{font-size:2.2em}}.login{justify-content:center;align-items:center;width:100%;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;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:#0096db66;box-shadow:0 0 6px #0096db26,inset 0 0 6px #0096db0d}50%{border-color:#0096dbe6;box-shadow:0 0 18px #0096db66,inset 0 0 10px #0096db14}}.login a:hover{background:#0096db1f;border-color:#0096db;box-shadow:0 0 20px #0096db66;animation:none}.login a.faded{opacity:.3;animation:none}