@import"https://fonts.googleapis.com/css2?family=Russo+One&family=Inter:wght@400;500;600;700&display=swap";:root{--racing-red: #E31C23;--racing-red-bright: #FF3333;--racing-dark: #0a0a0a;--racing-gray: #1a1a1a;--glass-bg: rgba(10, 10, 10, .75);--glass-border: rgba(227, 28, 35, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;background:var(--racing-dark)}.page,.container-fluid{padding:0!important;margin:0!important;width:100%!important}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/dist/assets/img-DmuVgVzb.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-2}.login-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#0a0a0a80,#000000b3)}.speed-lines{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none}.speed-lines:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(90deg,transparent,transparent 100px,rgba(227,28,35,.03) 100px,rgba(227,28,35,.03) 101px);animation:panBackground 30s linear infinite}@keyframes panBackground{0%{transform:translate(0) translateY(0)}to{transform:translate(-100px) translateY(-100px)}}.login-wrapper{display:flex;align-items:center;justify-content:center;height:100vh;max-height:100vh;padding:clamp(10px,2vh,20px);position:relative;overflow:hidden}.login-container{display:flex;width:100%;max-width:1200px;min-height:650px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;position:relative;animation:cardEntrance .8s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px #0006,0 0 100px #e31c231a}.login-container:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--racing-red) 20%,var(--racing-red-bright) 50%,var(--racing-red) 80%,transparent 100%);animation:shimmerLine 3s ease-in-out infinite;z-index:10}.login-image{flex:5;background-image:url(/dist/assets/todo_llantas_hero-BM-DeRdy.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-width:320px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:50px 40px;min-height:300px;overflow:hidden}.login-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000001a,#0009)}.login-image>*{position:relative;z-index:2}.login-card{flex:4;padding:50px 45px;min-width:380px;display:flex;flex-direction:column;justify-content:center;position:relative;background:transparent;border:none;border-radius:0;overflow-y:auto;overflow-x:hidden}.login-card::-webkit-scrollbar{width:6px}.login-card::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.login-card::-webkit-scrollbar-thumb{background:#e31c2380;border-radius:3px}.login-card::-webkit-scrollbar-thumb:hover{background:#e31c23b3}@keyframes cardEntrance{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-card:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:4px;background:linear-gradient(90deg,transparent 0%,var(--racing-red) 20%,var(--racing-red-bright) 50%,var(--racing-red) 80%,transparent 100%);animation:shimmerLine 3s ease-in-out infinite}@keyframes shimmerLine{0%,to{transform:translate(-30%)}50%{transform:translate(30%)}}.login-card:after{content:"";position:absolute;bottom:0;right:0;width:150px;height:150px;background:radial-gradient(circle at bottom right,rgba(227,28,35,.15),transparent 70%);border-radius:0 0 20px}.login-brand{text-align:center;position:relative;z-index:2}.brand-logo{font-family:Russo One,sans-serif;font-size:var(--font-size-8xl);font-weight:400;font-style:italic;letter-spacing:2px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 30px rgba(227,28,35,.5);margin-bottom:8px;animation:brandReveal 1s cubic-bezier(.16,1,.3,1) .2s both}@keyframes brandReveal{0%{opacity:0;transform:translateY(-20px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.form-header{text-align:center;margin-bottom:35px}.form-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.form-header p{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:400}.login-form{animation:formSlideUp .8s cubic-bezier(.16,1,.3,1) .3s both}@keyframes formSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:24px;position:relative}.form-group label{display:block;color:#ffffffd9;font-size:var(--font-size-base);font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;transition:color .3s ease}.input-wrapper{position:relative}.input-wrapper:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--racing-red),var(--racing-red-bright));transition:width .4s cubic-bezier(.16,1,.3,1);z-index:2}.form-control{width:100%;height:54px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:0 20px;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;transition:all .3s ease;outline:none}.form-control::placeholder{color:#ffffff80;font-size:var(--font-size-lg)!important}.form-control::-webkit-input-placeholder{color:#ffffff80;font-size:var(--font-size-lg)!important}.form-control::-moz-placeholder{color:#ffffff80;font-size:var(--font-size-lg)!important}.form-control:-ms-input-placeholder{color:#ffffff80;font-size:var(--font-size-lg)!important}.form-control:focus{background:#ffffff14;border-color:#e31c2380;box-shadow:0 0 0 4px #e31c231a,0 8px 30px #0000004d}.form-control:focus+.input-wrapper:before,.input-wrapper:focus-within:before{width:100%}.btn-login{width:100%;height:56px;background:linear-gradient(135deg,var(--racing-dark) 0%,#1a1a1a 50%,var(--racing-dark) 100%);border:2px solid var(--racing-red);border-radius:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:var(--font-size-sm);font-weight:700;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);margin-top:32px}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(227,28,35,.4),transparent);transition:left .6s ease}.btn-login:hover{transform:translateY(-3px);box-shadow:0 10px 30px #e31c2366,0 0 40px #e31c2333;border-color:var(--racing-red-bright);background:linear-gradient(135deg,#0f0f0f,#222,#0f0f0f)}.btn-login:hover:before{left:100%}.btn-login:active{transform:translateY(-1px)}.alert{background:#e31c2326;border:1px solid rgba(227,28,35,.3);border-radius:10px;padding:14px 18px;margin-bottom:24px;color:var(--text-primary);font-size:var(--font-size-base);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.alert-success{background:#00c86426;border-color:#00c8644d}.corner-accent{position:absolute;width:40px;height:40px;pointer-events:none;z-index:20}.corner-accent.top-left{top:20px;left:20px;border-top:3px solid var(--racing-red);border-left:3px solid var(--racing-red)}.corner-accent.bottom-right{bottom:20px;right:20px;border-bottom:3px solid var(--racing-red);border-right:3px solid var(--racing-red)}@media(min-width:901px){.form-header{display:none}}@media(max-width:900px){.login-wrapper{padding:clamp(10px,1.5vh,15px);height:100vh;max-height:100vh}.login-container{flex-direction:column;max-width:480px;max-height:calc(100vh - clamp(20px,3vh,30px));overflow-y:auto}.login-image{min-height:clamp(180px,25vh,280px);flex:none;padding:clamp(20px,3vh,40px) clamp(20px,3vw,30px);flex-shrink:0}.login-card{padding:clamp(25px,3vh,40px) clamp(25px,3vw,35px);min-width:auto;flex-shrink:0}.brand-logo{font-size:clamp(1.8rem,5vw,2.5rem)}.form-header{display:block}.form-control{height:clamp(45px,6vh,50px)}.btn-login{height:clamp(48px,6vh,52px);font-size:var(--font-size-sm);letter-spacing:2px}}@media(max-width:600px){.login-wrapper{padding:clamp(8px,1vh,12px)}.login-container{border-radius:16px;max-height:calc(100vh - clamp(16px,2vh,24px))}.login-image{min-height:clamp(140px,20vh,220px);padding:clamp(15px,2vh,30px) clamp(15px,2vw,20px)}.brand-logo{font-size:clamp(1.5rem,4.5vw,2rem)}.login-card{padding:clamp(20px,2.5vh,35px) clamp(20px,2.5vw,25px)}.form-group{margin-bottom:clamp(15px,2vh,24px)}.form-header h2{font-size:clamp(1.3rem,4vw,1.8rem)}.form-header p{font-size:clamp(.8rem,2.5vw,.95rem)}}@media(max-width:375px){.login-wrapper{padding:8px}.login-container{border-radius:12px;max-height:calc(100vh - 16px)}.login-image{min-height:clamp(120px,18vh,160px);padding:15px}.brand-logo{font-size:var(--font-size-lg)}.login-card{padding:20px 15px}.form-group label{font-size:var(--font-size-sm)}.form-control{height:46px;font-size:var(--font-size-base)}.btn-login{height:48px;font-size:var(--font-size-xs);letter-spacing:1.5px;margin-top:24px}.corner-accent{width:30px;height:30px}.corner-accent.top-left{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.corner-accent.bottom-right{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}}@media(max-height:500px)and (orientation:landscape){.login-wrapper{padding:8px;height:100vh}.login-container{flex-direction:row;max-height:calc(100vh - 16px)}.login-image{min-height:auto;height:100%;min-width:200px;max-width:35%;padding:20px}.brand-logo{font-size:clamp(1.2rem,3vw,1.6rem)}.login-card{padding:20px 25px;min-width:280px}.form-group{margin-bottom:15px}.form-group label{font-size:var(--font-size-xs);margin-bottom:6px}.form-control{height:40px;font-size:var(--font-size-base)}.form-control::placeholder{font-size:var(--font-size-base)!important}.btn-login{height:42px;font-size:var(--font-size-xs);margin-top:20px}.form-header{display:block;margin-bottom:20px}.form-header h2{font-size:var(--font-size-base);margin-bottom:4px}.form-header p{font-size:var(--font-size-xs)}}.btn-login.loading{pointer-events:none;opacity:.8}.btn-login.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top-color:var(--text-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}