.login-container{--ft-bg:#09090b;--ft-text:#fafafa;--ft-text-muted:#a1a1aa;--ft-accent:#3b82f6;background-color:var(--ft-bg);min-height:100vh;color:var(--ft-text);font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-blob{filter:blur(120px);opacity:.4;z-index:0;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:radial-gradient(circle, var(--ft-accent,#3b82f6) 0%, transparent 70%);width:50vw;height:50vw;animation-delay:0s;top:-20%;left:-10%}.blob-2{background:radial-gradient(circle,#8b5cf6 0%,#0000 70%);width:40vw;height:40vw;animation-delay:-5s;bottom:-10%;right:-5%}.blob-3{background:radial-gradient(circle,#10b981 0%,#0000 70%);width:30vw;height:30vw;animation-delay:-10s;top:30%;left:40%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(3vw,-3vw)scale(1.05)}to{transform:translate(-2vw,4vw)scale(.95)}}.login-split{z-index:10;width:100%;display:flex}.login-presentation{flex-direction:column;flex:1.2;justify-content:center;padding:80px;display:flex;position:relative}.login-form-section{-webkit-backdrop-filter:blur(40px);background:#0003;border-left:1px solid #ffffff0d;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;box-shadow:-20px 0 60px #0006}.presentation-content{z-index:2;flex-direction:column;gap:40px;max-width:600px;display:flex;position:relative}.brand-badge{color:var(--ft-accent,#3b82f6);letter-spacing:.5px;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;border-radius:100px;align-self:flex-start;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.carousel-container{min-height:200px;position:relative}.carousel-slide{opacity:0;pointer-events:none;visibility:hidden;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translateY(20px)}.carousel-slide.active{opacity:1;pointer-events:auto;visibility:visible;position:relative;transform:translateY(0)}.presentation-title{letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.presentation-desc{color:var(--ft-text-muted,#a1a1aa);font-size:18px;line-height:1.6}.carousel-indicators{gap:12px;margin-top:32px;display:flex}.indicator-dot{cursor:pointer;background:#fff3;border:none;border-radius:5px;width:10px;height:10px;padding:0;transition:all .3s}.indicator-dot.active{background:var(--ft-accent,#3b82f6);width:24px}.css-video-container{aspect-ratio:16/9;background:#18181b99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d,inset 0 1px #ffffff0d}.css-video-header{background:#0000004d;border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;height:32px;padding:0 16px;display:flex}.css-video-header .dot{border-radius:50%;width:12px;height:12px}.css-video-header .dot.red{background:#ef4444}.css-video-header .dot.yellow{background:#f59e0b}.css-video-header .dot.green{background:#10b981}.css-video-body{background:#0003;flex:1;gap:16px;padding:16px;display:flex}.sidebar-anim{background:#ffffff0d;border-radius:8px;width:60px;position:relative;overflow:hidden}.sidebar-anim:after{content:"";background:var(--ft-accent,#3b82f6);border-radius:6px;width:28px;height:28px;position:absolute;top:16px;left:16px;box-shadow:0 40px #ffffff1a,0 80px #ffffff1a,0 120px #ffffff1a}.content-anim{flex-direction:column;flex:1;gap:16px;display:flex}.cards-row{gap:16px;height:60px;display:flex}.anim-card{background:#ffffff0d;border:1px solid #ffffff05;border-radius:8px;flex-direction:column;flex:1;justify-content:space-between;padding:12px;animation:3s ease-in-out infinite alternate pulseCard;display:flex}.anim-card.c1{animation-delay:0s}.anim-card.c2{animation-delay:.5s}.anim-card.c3{animation-delay:1s}.anim-skeleton-text{background:#ffffff1a;border-radius:4px;height:8px}.anim-skeleton-text.short{width:40%}.anim-skeleton-text.mid{width:60%;margin-bottom:16px}.anim-skeleton-text.h1{background:#fff3;width:80%;height:12px}.anim-skeleton-text.tiny{width:80%;height:4px;margin-bottom:4px}.anim-skeleton-text.bold{background:#ffffff4d;height:6px}.main-row{flex:1;gap:16px;display:flex}.anim-chart-box{background:#ffffff08;border:1px solid #ffffff05;border-radius:8px;flex-direction:column;flex:1.5;padding:16px;display:flex;position:relative}.chart-bars{flex:1;justify-content:space-between;align-items:flex-end;gap:8px;padding-top:20px;display:flex}.bar{transform-origin:bottom;background:#3b82f633;border-radius:4px 4px 0 0;flex:1;animation:4s ease-in-out infinite alternate growBar}.bar.b1{height:30%;animation-delay:0s}.bar.b2{height:50%;animation-delay:.2s}.bar.b3{height:40%;animation-delay:.4s}.bar.b4{height:70%;animation-delay:.6s}.bar.b5{height:60%;animation-delay:.8s}.bar.b6{background:var(--ft-accent,#3b82f6);height:90%;animation-delay:1s}.chart-line{pointer-events:none;width:calc(100% - 32px);height:60%;position:absolute;bottom:16px;left:16px;right:16px}.line-path{animation:8s linear infinite drawLine}.anim-invoice-box{background:#ffffff08;border:1px solid #ffffff05;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.invoice-printer{z-index:2;background:#fff3;border-radius:2px;width:60%;height:4px;margin-top:-40px;position:relative}.invoice-paper{transform-origin:top;background:#fff;border-radius:0 0 4px 4px;flex-direction:column;width:80%;height:100px;padding:10px;animation:6s ease-in-out infinite printInvoice;display:flex;position:absolute;top:4px;left:10%;box-shadow:0 10px 20px #0003}.invoice-paper .anim-skeleton-text{background:#e2e8f0}.invoice-paper .anim-skeleton-text.bold{background:#94a3b8}.invoice-divider{border-bottom:1px dashed #cbd5e1;margin:6px 0}.invoice-success{background:#fff;border-radius:50%;padding:2px;animation:6s infinite popSuccess;position:absolute;bottom:-16px;right:-16px;box-shadow:0 4px 10px #0000001a}.center-text{text-align:center;width:100%;color:var(--ft-text-muted);font-size:10px;animation:6s infinite fadeText;position:absolute;bottom:20px}@keyframes pulseCard{0%{transform:translateY(0);box-shadow:0 0 #0000}to{border-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}}@keyframes growBar{0%{transform:scaleY(.8)}to{transform:scaleY(1.1)}}@keyframes drawLine{0%{stroke-dashoffset:200px}20%{stroke-dashoffset:0}80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes printInvoice{0%,10%{opacity:0;transform:scaleY(0)}30%,70%{opacity:1;transform:scaleY(1)}90%,to{opacity:0;transform:translateY(20px)scaleY(1)}}@keyframes popSuccess{0%,40%{opacity:0;transform:scale(0)}50%,70%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(0)}}@keyframes fadeText{0%,20%{opacity:1}30%,to{opacity:0}}.login-glass-card{-webkit-backdrop-filter:blur(24px);background:#18181b99;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:32px;width:100%;max-width:400px;padding:40px;display:flex;box-shadow:0 30px 60px #0006,inset 0 1px #ffffff0d}.login-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.login-logo-container{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:8px;padding:4px;display:flex;overflow:hidden;box-shadow:0 8px 24px #00000059}.login-app-logo{object-fit:cover;border-radius:12px;width:100%;height:100%}.login-header h1{letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.login-header p{color:var(--ft-text-muted,#a1a1aa);margin:0;font-size:14px}.login-federated{flex-direction:column;gap:12px;display:flex}.login-federated .federated-btn.microsoft,.login-federated .federated-btn.github,.login-federated .federated-btn.facebook,.login-federated .federated-btn.whatsapp{display:none!important}.federated-btn{width:100%;color:var(--ft-text,#fafafa);cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.federated-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.federated-btn:disabled{opacity:.6;cursor:not-allowed}.login-divider{text-align:center;color:var(--ft-text-muted,#a1a1aa);letter-spacing:1px;align-items:center;font-size:11px;font-weight:600;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.login-divider span{padding:0 12px}.login-form{flex-direction:column;gap:16px;display:flex}.login-input-group{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--ft-text-muted,#a1a1aa);pointer-events:none;position:absolute;left:14px}.login-input-group input{width:100%;color:var(--ft-text,#fafafa);background:#0003;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:12px 14px 12px 42px;font-size:14px;transition:all .2s}.login-input-group input:focus{border-color:var(--ft-accent,#3b82f6);background:#0006;box-shadow:0 0 0 3px #3b82f633}.login-input-group input::placeholder{color:#ffffff4d}.login-password-toggle{color:var(--ft-text-muted,#a1a1aa);cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:var(--ft-text,#fafafa);background:#ffffff14}.login-password-toggle:focus-visible{outline:2px solid var(--ft-accent,#3b82f6)}.login-options{justify-content:space-between;align-items:center;margin-top:-4px;font-size:13px;display:flex}.login-checkbox{color:var(--ft-text-muted,#a1a1aa);cursor:pointer;align-items:center;gap:8px;display:flex}.login-forgot{color:var(--ft-accent,#3b82f6);font-weight:500;text-decoration:none;transition:color .2s}.login-forgot:hover{color:#60a5fa}.login-submit-btn{background:var(--ft-accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #3b82f64d}.login-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:992px){.login-split{flex-direction:column}.login-presentation{flex:none;padding:60px 30px}.presentation-title{font-size:40px}.login-form-section{border-top:1px solid #ffffff0d;border-left:none;padding:40px 20px}}@media (max-width:600px){.presentation-title{font-size:32px}}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}