a{text-decoration:none}.page-header{padding-bottom:9px;margin:0 0 20px;border-bottom:1px solid #e2e8f0;color:#ffffffb8}body{background-color:#eef2ff;background-image:radial-gradient(circle,rgba(46,102,233,.06) 1px,transparent 1px),linear-gradient(145deg,#eef2ff,#f5f0ff,#e8f4ff);background-size:36px 36px,100% 100%;background-attachment:fixed;min-height:100vh;margin:0;padding:0}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse at 10% 30%,rgba(46,102,233,.09) 0%,transparent 50%),radial-gradient(ellipse at 80% 10%,rgba(116,78,167,.07) 0%,transparent 45%),radial-gradient(ellipse at 55% 90%,rgba(46,102,233,.05) 0%,transparent 40%);pointer-events:none;z-index:0}.landing-wrapper{display:flex;height:100vh;overflow:hidden;position:relative;z-index:1}.platform-showcase{flex:0 0 70%;max-width:70%;height:100vh;overflow:hidden;padding:28px 44px 0;color:#1e2d4a;display:flex;flex-direction:column;gap:0}.showcase-header{flex-shrink:0;padding-bottom:18px;animation:fadeInDown
.5s ease both}.brand-title{font-size:1.9rem;font-weight:700;color:#1a2a4a;margin:0 0 6px;line-height:1.2;letter-spacing:-.5px;background:linear-gradient(135deg,#2e66e9,#744ea7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:1rem;color:#2e66e9;margin:0 0 4px;font-weight:500}.brand-supporting{font-size:.82rem;color:#5a6a85;margin:0 0 16px}.cta-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-cta-primary,.btn-cta-secondary{display:inline-flex;align-items:center;gap:7px;padding:9px 22px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-cta-primary{background:linear-gradient(135deg,#2e66e9,#744ea7);color:#fff;border:none;box-shadow:0 4px 14px #2e66e94d}.btn-cta-primary:hover{background:linear-gradient(135deg,#3a72f5,#855abf);box-shadow:0 6px 20px #2e66e973;transform:translateY(-2px);color:#fff}.btn-cta-secondary{background:#fff;color:#2e66e9;border:1.5px solid rgba(46,102,233,.35);
box-shadow:0 2px 8px #2e66e91a}.btn-cta-secondary:hover{background:#eef2ff;border-color:#2e66e9;color:#1e4ec0;transform:translateY(-2px);box-shadow:0 4px 12px #2e66e92e}.btn-cta-primary:focus,.btn-cta-secondary:focus{outline:2px solid #2e66e9;outline-offset:2px}.suite-slideshow{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.suite-nav-wrap{flex-shrink:0;padding-bottom:12px}.suite-nav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.suite-nav::-webkit-scrollbar{display:none}.suite-nav-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:1.5px solid rgba(46,102,233,.15);border-radius:10px;background:#ffffffb3;color:#4a5a7a;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:inherit;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.suite-nav-btn i{font-size:.9rem;opacity:.7;transition:opacity .2s ease}.suite-nav-btn:hover{background:#fff;color:#2e66e9;border-color:#2e66e966;
box-shadow:0 2px 10px #2e66e91f}.suite-nav-btn.active{background:linear-gradient(135deg,#2e66e9,#744ea7);border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 14px #2e66e94d}.suite-nav-btn.active i{opacity:1}.suite-nav-btn:focus{outline:2px solid #2e66e9;outline-offset:2px}.slideshow-progress{height:3px;background:#2e66e91f;border-radius:2px;margin-top:8px;overflow:hidden}.slideshow-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#2e66e9,#744ea7);border-radius:2px;transition:width linear}.suite-slides-viewport{flex:1;position:relative;overflow:hidden;min-height:0}.suite-slide{position:absolute;inset:0;overflow-y:auto;opacity:0;pointer-events:none;transition:opacity .4s ease;scrollbar-width:thin;scrollbar-color:rgba(46,102,233,.2) transparent;padding-bottom:8px}.suite-slide::-webkit-scrollbar{width:4px}.suite-slide::-webkit-scrollbar-thumb{background:#2e66e933;border-radius:2px}.suite-slide.active{opacity:1;pointer-events:auto}.suite-header{display:flex;
align-items:flex-start;gap:14px;margin-bottom:14px;padding:16px 20px 0}.suite-indicator{display:inline-block;width:5px;min-width:5px;height:40px;border-radius:4px;margin-top:2px}.suite-blue{background:linear-gradient(180deg,#2e66e9,#1e50c0)}.suite-green{background:linear-gradient(180deg,#10b981,#059669)}.suite-yellow{background:linear-gradient(180deg,#f59e0b,#d97706)}.suite-red{background:linear-gradient(180deg,#ef4444,#dc2626)}.suite-purple{background:linear-gradient(180deg,#744ea7,#5e3a8c)}.suite-teal{background:linear-gradient(180deg,#0d9488,#0f766e)}.suite-title{font-size:1.05rem;font-weight:700;color:#1a2a4a;margin:0 0 3px}.suite-description{font-size:.8rem;color:#5a6a85;margin:0}.suite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:0 16px 16px}.module-card{background:#fff;border:1px solid rgba(46,102,233,.1);border-radius:14px;padding:16px 12px;text-align:center;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;
align-items:center;gap:5px;box-shadow:0 2px 8px #2e66e90f}.module-card:hover{background:#f8f5ff;border-color:#744ea74d;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #2e66e926}.module-icon{font-size:1.6rem;line-height:1;transition:transform .2s ease;background:linear-gradient(135deg,#2e66e9,#744ea7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2px}.module-card:hover .module-icon{transform:scale(1.18)}.module-card h5{font-size:.78rem;font-weight:600;color:#1a2a4a;margin:0;line-height:1.3}.module-card p{font-size:.7rem;color:#6a7a9a;margin:0;line-height:1.3}.module-learn-more{font-size:.7rem;color:#2e66e9;text-decoration:none;font-weight:500;transition:color .2s ease;margin-top:2px;display:inline-flex;align-items:center;gap:4px}.module-learn-more:hover{color:#744ea7}.module-learn-more:focus{outline:1px solid #2e66e9;outline-offset:2px;border-radius:2px}.module-card-coming-soon{opacity:.75}.coming-soon-badge{position:absolute;
top:9px;right:9px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:20px;line-height:1;letter-spacing:.3px;z-index:1}.industry-tags{flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 8px}.industry-tag{display:inline-flex;align-items:center;gap:5px;background:#fffc;border:1px solid rgba(46,102,233,.14);border-radius:20px;padding:5px 12px;font-size:.75rem;color:#3a5080;font-weight:500;white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 4px #2e66e90f}.industry-tag:hover{background:#fff;border-color:#2e66e94d;color:#2e66e9;box-shadow:0 2px 8px #2e66e91f}.enterprise-footer{flex-shrink:0;padding:8px 0 16px;border-top:1px solid rgba(46,102,233,.1)}.footer-content{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.74rem;color:#7a8aaa}.footer-content a{color:#2e66e9;text-decoration:none;transition:color .2s ease}.footer-content a:hover{color:#744ea7}.footer-content a:focus{outline:1px solid
#2e66e9;outline-offset:2px;border-radius:2px}.login-panel-wrapper{flex:0 0 30%;max-width:30%;height:100vh;background:linear-gradient(135deg,#2e66e9,#744ea7 60%,#1f1797);border-left:1px solid rgba(46,102,233,.1);box-shadow:-4px 0 24px #2e66e914;display:flex;align-items:center;justify-content:center;padding:32px 28px;overflow-y:auto}.login-panel-inner{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.enterprise-badge{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffffa3;border:1px solid rgba(46,102,233,.2);border-radius:10px;padding:11px 18px;font-size:.83rem;font-weight:600;color:#2e66e9;text-align:center;letter-spacing:.4px}.s-Panel{background-color:#ffffffa1;border:1px solid rgba(46,102,233,.12);border-radius:14px;box-shadow:0 4px 20px #2e66e914;display:flex;flex:1 1 auto;flex-direction:column;padding:1rem;color:#1a2a4a}.s-Panel h5,.s-Panel label{color:#1a2a4a}.s-Panel input[type=text],.s-Panel input[type=password],.s-Panel input[type=email]{
background:#f8faff;border:1px solid rgba(46,102,233,.2);border-radius:8px;color:#1a2a4a}.s-Panel input[type=text]:focus,.s-Panel input[type=password]:focus{border-color:#2e66e9;box-shadow:0 0 0 3px #2e66e91a;outline:none}.s-Panel a{color:#2e66e9}.s-Panel a:hover{color:#744ea7}.s-horizontal-divider{margin:1em 0;line-height:0;text-align:center}.s-horizontal-divider span{background-color:#fff;padding:1em;color:#8a9ab8;font-size:.8rem}.s-horizontal-divider:before{content:" ";display:block;border-top:1px solid rgba(46,102,233,.12);border-bottom:1px solid rgba(255,255,255,.8)}.xp-login-bold{font-weight:500;color:#081429;font-size:.82rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1300px)and (min-width:1101px){.platform-showcase{flex:0 0 60%;max-width:60%;padding:24px 32px 0}.login-panel-wrapper{flex:0 0 40%;max-width:40%}}@media(max-width:1100px){.landing-wrapper{flex-direction:column-reverse;height:auto;overflow:auto}
.platform-showcase,.login-panel-wrapper{flex:1 1 100%;max-width:100%;height:auto;overflow:visible}.platform-showcase{padding:28px 20px 0;overflow:visible}.suite-slideshow{overflow:visible;min-height:auto}.suite-slides-viewport{position:static;height:auto;min-height:280px}.suite-slide{position:static;opacity:0;height:0;overflow:hidden;pointer-events:none;transition:opacity .4s ease}.suite-slide.active{opacity:1;height:auto;overflow:visible;pointer-events:auto}.login-panel-wrapper{height:auto;min-height:auto;padding:28px 20px;border-left:none;border-top:1px solid rgba(46,102,233,.1);box-shadow:none;justify-content:flex-start}.brand-title{font-size:1.6rem}.suite-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media(max-width:640px){.platform-showcase{padding:20px 14px 0}.brand-title{font-size:1.3rem}.brand-tagline{font-size:.9rem}.cta-buttons{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{justify-content:center;text-align:center}.suite-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
gap:8px}.module-card{padding:12px 8px}.login-panel-wrapper{padding:20px 14px}.footer-content{gap:10px;flex-direction:column;align-items:flex-start}}.feature-drawer-overlay{position:fixed;inset:0 30% 0 0;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .35s ease;z-index:910;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.feature-drawer-overlay.open{opacity:1;pointer-events:auto}.feature-drawer{position:fixed;top:0;left:0;width:70%;height:100vh;background:#fff;box-shadow:4px 0 40px #2e66e92e;transform:translate(-100%);transition:transform .38s cubic-bezier(.4,0,.2,1);z-index:920;display:flex;flex-direction:column;overflow:hidden}.feature-drawer.open{transform:translate(0)}.feature-drawer-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden}.feature-drawer-header{flex-shrink:0;background:linear-gradient(135deg,#2e66e9,#744ea7);padding:20px 28px 22px;color:#fff;position:relative}.fdr-top-row{display:flex;align-items:center;justify-content:space-between;
margin-bottom:14px}.fdr-suite-badge{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#fff}.fdr-close{width:32px;height:32px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;flex-shrink:0}.fdr-close:hover{background:#ffffff52;transform:rotate(90deg)}.fdr-close:focus{outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.fdr-hero{display:flex;align-items:flex-start;gap:16px}.fdr-icon-wrap{flex-shrink:0;width:52px;height:52px;background:#fff3;border:1.5px solid rgba(255,255,255,.35);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.fdr-module-title{font-size:1.5rem;font-weight:700;color:#fff;
margin:0 0 4px;line-height:1.2}.fdr-tagline{font-size:.88rem;color:#ffffffd9;margin:0;line-height:1.4}.feature-drawer-body{flex:1;overflow-y:auto;padding:24px 28px;scrollbar-width:thin;scrollbar-color:rgba(46,102,233,.2) transparent}.feature-drawer-body::-webkit-scrollbar{width:4px}.feature-drawer-body::-webkit-scrollbar-thumb{background:#2e66e933;border-radius:2px}.fdr-description{font-size:.9rem;color:#374151;line-height:1.7;margin-bottom:22px}.fdr-section-label{font-size:.72rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#2e66e9;margin:0 0 10px}.fdr-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.fdr-benefit-item{display:flex;align-items:flex-start;gap:10px;background:#f8faff;border:1px solid rgba(46,102,233,.1);border-radius:10px;padding:10px 12px}.fdr-benefit-icon{flex-shrink:0;width:28px;height:28px;background:linear-gradient(135deg,#2e66e9,#744ea7);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;
font-size:.72rem}.fdr-benefit-text{font-size:.8rem;color:#1a2a4a;font-weight:500;line-height:1.35;margin:0}.fdr-use-cases{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.fdr-use-case{background:linear-gradient(135deg,#f0f5ff,#faf5ff);border:1px solid rgba(116,78,167,.12);border-radius:10px;padding:12px 14px}.fdr-use-case-label{font-size:.72rem;font-weight:700;color:#744ea7;text-transform:uppercase;letter-spacing:.5px;margin:0 0 3px}.fdr-use-case-text{font-size:.8rem;color:#374151;margin:0;line-height:1.4}.fdr-ideal-for{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:4px}.fdr-ideal-pill{display:inline-flex;align-items:center;gap:5px;background:#eef2ff;border:1px solid rgba(46,102,233,.2);border-radius:20px;padding:4px 11px;font-size:.73rem;color:#2e66e9;font-weight:500}.feature-drawer-footer{flex-shrink:0;border-top:1px solid rgba(46,102,233,.1);background:#fafbff;padding:16px 28px 20px}.fdr-cta-tabs{display:flex;gap:8px;margin-bottom:14px}.fdr-tab{flex:1;display:inline-flex;
align-items:center;justify-content:center;gap:7px;padding:9px 14px;border:1.5px solid rgba(46,102,233,.25);border-radius:10px;background:#fff;color:#4a5a7a;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.fdr-tab:hover{border-color:#2e66e9;color:#2e66e9;background:#eef2ff}.fdr-tab.active{background:linear-gradient(135deg,#2e66e9,#744ea7);border-color:transparent;color:#fff;box-shadow:0 4px 12px #2e66e94d}.fdr-tab:focus{outline:2px solid #2e66e9;outline-offset:2px}.fdr-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;align-items:flex-end}.fdr-field{flex:1 1 140px;display:flex;flex-direction:column;gap:4px}.fdr-field label{font-size:.72rem;font-weight:600;color:#4a5a7a;letter-spacing:.2px}.fdr-field input{background:#fff;border:1.5px solid rgba(46,102,233,.2);border-radius:8px;padding:8px 12px;font-size:.82rem;color:#1a2a4a;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}.fdr-field input:focus{
border-color:#2e66e9;box-shadow:0 0 0 3px #2e66e91a}.fdr-field input::placeholder{color:#9aabc0}.fdr-submit{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:9px 20px;background:linear-gradient(135deg,#2e66e9,#744ea7);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;box-shadow:0 4px 12px #2e66e94d;align-self:flex-end;white-space:nowrap;margin-bottom:0}.fdr-submit:hover:not(:disabled){background:linear-gradient(135deg,#3a72f5,#855abf);box-shadow:0 6px 18px #2e66e966;transform:translateY(-1px)}.fdr-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.fdr-submit:focus{outline:2px solid #2e66e9;outline-offset:2px}.fdr-feedback{width:100%;font-size:.78rem;border-radius:8px;padding:8px 12px;display:none;margin-top:2px}.fdr-feedback.fdr-success{display:block;background:#ecfdf5;border:1px solid rgba(16,185,129,.3);color:#065f46}.fdr-feedback.fdr-error{display:block;background:#fff1f2;
border:1px solid rgba(239,68,68,.3);color:#991b1b}@media(max-width:1300px)and (min-width:1101px){.feature-drawer{width:60%}.feature-drawer-overlay{inset:0 40% 0 0}}@media(max-width:1100px){.feature-drawer{width:100%;top:auto;bottom:0;height:85vh;transform:translateY(100%)}.feature-drawer.open{transform:translateY(0)}.feature-drawer-overlay{inset:0}.fdr-benefits{grid-template-columns:1fr}}@media(max-width:640px){.feature-drawer-header{padding:16px 18px 18px}.feature-drawer-body{padding:16px 18px}.feature-drawer-footer{padding:12px 18px 16px}.fdr-form{flex-direction:column}.fdr-field{flex:1 1 100%}.fdr-submit{width:100%;justify-content:center}.fdr-module-title{font-size:1.2rem}}.cosmos .feature-drawer{background:#1a2035;box-shadow:4px 0 40px #00000080}.cosmos .fdr-description{color:#c9d3e8}.cosmos .fdr-benefit-item{background:#1e2a45;border-color:#2e66e933}.cosmos .fdr-benefit-text{color:#c9d3e8}.cosmos .fdr-use-case{background:linear-gradient(135deg,#1e2a45,#1e1e35);border-color:#744ea740}
.cosmos .fdr-use-case-text{color:#b0bcd8}.cosmos .fdr-ideal-pill{background:#2e66e926;border-color:#2e66e94d;color:#7ca4f5}.cosmos .feature-drawer-footer{background:#151e32;border-top-color:#2e66e926}.cosmos .fdr-tab{background:#1e2a45;border-color:#2e66e940;color:#8a9ab8}.cosmos .fdr-tab:hover{background:#2e66e926;color:#7ca4f5}.cosmos .fdr-field label{color:#8a9ab8}.cosmos .fdr-field input{background:#1e2a45;border-color:#2e66e940;color:#d0daf0}.cosmos .fdr-field input:focus{border-color:#2e66e9;box-shadow:0 0 0 3px #2e66e926}.cosmos .fdr-field input::placeholder{color:#4a5a7a}.cosmos .fdr-section-label{color:#7ca4f5}
/*# sourceMappingURL=LoginPage.css.map */