:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--accent:#0ea5e9;--card-bg:rgba(255, 255, 255, 0.82);--card-border:rgba(255, 255, 255, 0.9);--input-bg:rgba(248, 250, 255, 0.9);--input-border:rgba(203, 213, 225, 0.8);--text-dark:#1e293b;--text-mid:#475569;--text-soft:#94a3b8;--shadow-color:rgba(37, 99, 235, 0.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:Inter,sans-serif;overflow:hidden}#pageLoader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#0f172a 0,#1e3a5f 45%,#0c2340 100%);overflow:hidden;transition:opacity .7s ease,visibility .7s ease}#pageLoader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-stars{position:absolute;inset:0;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle var(--d,3s) ease-in-out infinite var(--delay,0s);opacity:0}@keyframes twinkle{0%,100%{opacity:0;transform:scale(1)}50%{opacity:var(--op, .8);transform:scale(1.4)}}.loader-road{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(180deg,#1a2744 0,#0d1b2e 100%);border-top:2px solid rgba(37,99,235,.4)}.road-line{position:absolute;top:42px;height:6px;width:80px;background:rgba(255,255,255,.15);border-radius:3px;animation:roadMove .9s linear infinite}.road-line:first-child{left:5%;animation-delay:0s}.road-line:nth-child(2){left:25%;animation-delay:-.3s}.road-line:nth-child(3){left:45%;animation-delay:-.6s}.road-line:nth-child(4){left:65%;animation-delay:-.9s}.road-line:nth-child(5){left:85%;animation-delay:-.15s}@keyframes roadMove{from{transform:translateX(0)}to{transform:translateX(-120px)}}.loader-scene{position:relative;width:520px;max-width:92vw;display:flex;flex-direction:column;align-items:center;margin-bottom:60px}.loader-brand{font-family:Orbitron,monospace;font-size:clamp(.75rem, 2vw, 1rem);font-weight:900;letter-spacing:6px;color:rgba(255,255,255,.9);text-transform:uppercase;margin-bottom:1.5rem;text-shadow:0 0 30px rgba(59,130,246,.6);animation:pulse-brand 2s ease-in-out infinite}@keyframes pulse-brand{0%,100%{text-shadow:0 0 20px rgba(59,130,246,.5)}50%{text-shadow:0 0 40px rgba(59,130,246,.9),0 0 70px rgba(14,165,233,.4)}}.car-wash-wrap{position:relative;width:100%;height:180px;display:flex;align-items:flex-end;justify-content:center}.car-svg-wrap{position:relative;animation:carDriveIn 1.2s cubic-bezier(.22,1,.36,1) forwards}@keyframes carDriveIn{from{transform:translateX(-420px)}to{transform:translateX(0)}}.car-svg{width:280px;height:auto;filter:drop-shadow(0 10px 30px rgba(37,99,235,.5))}.wheel{animation:wheelSpin .4s linear infinite;transform-origin:center}.car-gloss{animation:glossPulse 2.5s ease-in-out infinite}@keyframes glossPulse{0%,100%{opacity:.3}50%{opacity:.7}}.wash-portal{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:80px;height:160px;display:flex;flex-direction:column;align-items:center;gap:4px;animation:portalAppear .5s 1s ease both}@keyframes portalAppear{from{opacity:0;transform:translateX(-50%) scaleY(.3)}to{opacity:1;transform:translateX(-50%) scaleY(1)}}.portal-side{position:absolute;bottom:0;width:14px;height:100%;border-radius:7px;background:linear-gradient(180deg,#1d4ed8,#2563eb,#0ea5e9);box-shadow:0 0 20px rgba(37,99,235,.8),inset 0 0 8px rgba(255,255,255,.2)}.portal-side.left{left:0}.portal-side.right{right:0}.portal-top{position:absolute;top:0;left:0;right:0;height:14px;border-radius:7px;background:linear-gradient(90deg,#1d4ed8,#0ea5e9,#1d4ed8);box-shadow:0 0 20px rgba(37,99,235,.8)}.water-streams{position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:80px;height:155px;overflow:visible;animation:streamsAppear .3s 1.5s ease both;opacity:0}@keyframes streamsAppear{to{opacity:1}}.stream{position:absolute;top:10px;width:3px;border-radius:3px;background:linear-gradient(180deg,rgba(147,210,255,0),rgba(147,210,255,.9),rgba(59,130,246,.6),transparent);animation:streamFall var(--sd,.5s) ease-in-out infinite var(--delay,0s);transform-origin:top center}@keyframes streamFall{0%{height:0;top:10px;opacity:0}30%{opacity:1}80%{height:130px;top:10px;opacity:.8}100%{height:130px;top:10px;opacity:0}}.stream:first-child{left:12px;--sd:0.55s;--delay:0s;width:2px}.stream:nth-child(2){left:18px;--sd:0.48s;--delay:0.1s;width:3px}.stream:nth-child(3){left:25px;--sd:0.60s;--delay:0.05s;width:2px}.stream:nth-child(4){left:32px;--sd:0.52s;--delay:0.2s;width:4px}.stream:nth-child(5){left:40px;--sd:0.45s;--delay:0s;width:2px}.stream:nth-child(6){left:47px;--sd:0.58s;--delay:0.15s;width:3px}.stream:nth-child(7){left:54px;--sd:0.50s;--delay:0.08s;width:2px}.stream:nth-child(8){left:62px;--sd:0.62s;--delay:0.22s;width:3px}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(147,210,255,.4));border:1px solid rgba(255,255,255,.6);animation:bubbleFloat var(--bd,2s) ease-in-out infinite var(--bdelay,0s);opacity:0}@keyframes bubbleFloat{0%{transform:translate(0,0) scale(0);opacity:0}15%{opacity:.9;transform:scale(1)}80%{opacity:.5}100%{transform:translate(var(--bx,20px),-80px) scale(.4);opacity:0}}.spray-left,.spray-right{position:absolute;bottom:60px;width:60px;height:60px;animation:sprayAppear .4s 1.6s ease both;opacity:0}@keyframes sprayAppear{to{opacity:1}}.spray-left{left:calc(50% - 100px)}.spray-right{right:calc(50% - 100px);transform:scaleX(-1)}.spray-drop{position:absolute;width:3px;height:10px;border-radius:50%;background:rgba(147,210,255,.7);animation:sprayAnim var(--spd,.4s) ease-out infinite var(--spdelay,0s);transform-origin:top left}@keyframes sprayAnim{0%{opacity:0;transform:translate(0,0) rotate(var(--rot,0deg)) scale(0)}30%{opacity:1;transform:translate(var(--sx,10px),var(--sy,5px)) rotate(var(--rot,0deg)) scale(1)}100%{opacity:0;transform:translate(var(--sx2,20px),var(--sy2,15px)) rotate(var(--rot,0deg)) scale(.3)}}.brush-roller{position:absolute;bottom:10px;width:16px;height:140px;animation:brushSpin .3s linear infinite}.brush-left{left:calc(50% - 54px);animation-direction:normal}.brush-right{right:calc(50% - 54px);animation-direction:reverse}@keyframes brushSpin{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}.sparkle{position:absolute;font-size:1rem;animation:sparkleAnim 1.2s ease-in-out infinite var(--spkdelay,0s);opacity:0}@keyframes sparkleAnim{0%,100%{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}.loader-progress-wrap{width:320px;max-width:85vw;margin-top:1.8rem}.progress-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.progress-label{font-family:Rajdhani,sans-serif;font-size:.7rem;letter-spacing:3px;color:rgba(255,255,255,.55);text-transform:uppercase}.progress-pct{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:var(--accent);letter-spacing:2px}.progress-track{height:5px;background:rgba(255,255,255,.1);border-radius:5px;overflow:hidden;position:relative}.progress-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--primary-dark),var(--primary),var(--accent));width:0%;transition:width .3s ease;position:relative}.progress-fill::after{content:'';position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5));border-radius:5px;animation:fillGlow .8s ease-in-out infinite alternate}@keyframes fillGlow{from{opacity:.5}to{opacity:1}}.wash-steps{display:flex;justify-content:center;gap:1.5rem;margin-top:1.2rem}.wash-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.3;transition:opacity .5s ease}.wash-step.active{opacity:1}.wash-step i{font-size:1rem;color:var(--accent);filter:drop-shadow(0 0 6px rgba(14,165,233,.6))}.wash-step span{font-family:Rajdhani,sans-serif;font-size:.6rem;letter-spacing:2px;color:rgba(255,255,255,.65);text-transform:uppercase}.bg-slider{position:fixed;inset:0;z-index:0}.bg-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1.8s ease-in-out;transform:scale(1.06);animation:slowZoom 12s ease-in-out infinite alternate}.bg-slide.active{opacity:1}@keyframes slowZoom{from{transform:scale(1.06)}to{transform:scale(1)}}.bg-slide:nth-child(2){animation-delay:-3s}.bg-slide:nth-child(3){animation-delay:-6s}.bg-slide:nth-child(4){animation-delay:-2s}.bg-slide:nth-child(5){animation-delay:-5s}.bg-overlay{position:fixed;inset:0;z-index:1;background:linear-gradient(135deg,rgba(255,255,255,.55) 0,rgba(240,248,255,.38) 50%,rgba(255,255,255,.6) 100%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.bg-overlay::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(186,220,255,.35) 0,transparent 70%);top:-150px;left:-100px;animation:floatOrb1 14s ease-in-out infinite alternate}.bg-overlay::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(219,234,254,.3) 0,transparent 70%);bottom:-100px;right:-80px;animation:floatOrb2 18s ease-in-out infinite alternate}@keyframes floatOrb1{from{transform:translate(0,0) scale(1)}to{transform:translate(60px,40px) scale(1.1)}}@keyframes floatOrb2{from{transform:translate(0,0) scale(1)}to{transform:translate(-50px,-30px) scale(1.08)}}.page-wrapper{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.datetime-bar{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:.55rem 1.8rem;background:rgba(255,255,255,.75);border-bottom:1px solid rgba(203,213,225,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 16px rgba(37,99,235,.06)}.datetime-bar .date-part{font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:2px;color:var(--text-mid);text-transform:uppercase}.datetime-bar .time-part{font-family:Orbitron,monospace;font-size:.98rem;font-weight:700;color:var(--primary);letter-spacing:3px;text-shadow:0 0 16px rgba(37,99,235,.2)}.datetime-bar .day-part{font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:2px;color:var(--text-mid);text-transform:uppercase}.login-card{width:100%;max-width:420px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);padding:2.6rem 2.4rem 2rem;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 20px 60px rgba(37,99,235,.14),0 4px 20px rgba(0,0,0,.07);animation:cardIn .9s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.card-accent{height:3px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),var(--primary-light),transparent);border-radius:3px;margin-bottom:2rem;position:relative;overflow:hidden}.card-accent::after{content:'';position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{to{left:200%}}.logo-area{text-align:center;margin-bottom:1.8rem}.logo-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid rgba(147,197,253,.5);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 0 0 6px rgba(219,234,254,.5),0 8px 24px rgba(37,99,235,.15);position:relative}.logo-icon i{font-size:1.8rem;color:var(--primary);filter:drop-shadow(0 2px 6px rgba(37,99,235,.3))}.logo-icon::before{content:'';position:absolute;inset:-5px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--primary);border-right-color:var(--accent);animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.studio-name{font-family:Orbitron,monospace;font-size:1rem;font-weight:800;color:var(--text-dark);letter-spacing:3px;line-height:1.3;text-transform:uppercase}.studio-tagline{font-family:Rajdhani,sans-serif;font-size:.72rem;font-weight:600;color:var(--primary);letter-spacing:4px;text-transform:uppercase;margin-top:.25rem}.form-label-custom{font-family:Rajdhani,sans-serif;font-size:.74rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text-mid);margin-bottom:.45rem;display:block}.input-wrapper{position:relative;margin-bottom:1.2rem}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-soft);font-size:.88rem;z-index:2;transition:color .3s}.form-control-custom{width:100%;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:11px;color:var(--text-dark);font-family:Inter,sans-serif;font-size:.9rem;padding:.72rem .9rem .72rem 2.8rem;outline:0;transition:border-color .3s,background .3s,box-shadow .3s}.form-control-custom::placeholder{color:var(--text-soft)}.form-control-custom:focus{background:#fff;border-color:var(--primary-light);box-shadow:0 0 0 3px rgba(59,130,246,.14)}.input-wrapper:focus-within .input-icon{color:var(--primary)}.pw-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text-soft);cursor:pointer;font-size:.85rem;z-index:2;transition:color .3s;padding:0}.pw-toggle:hover{color:var(--primary)}.forgot-link{font-size:.78rem;color:var(--text-soft);text-decoration:none;font-family:Rajdhani,sans-serif;letter-spacing:1px;transition:color .3s}.forgot-link:hover{color:var(--primary)}.btn-login{width:100%;padding:.82rem;background:linear-gradient(135deg,var(--primary-dark),var(--primary),var(--primary-light));border:none;border-radius:11px;color:#fff;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s,box-shadow .3s;margin-top:1.4rem;box-shadow:0 4px 20px rgba(37,99,235,.35);display:flex;align-items:center;justify-content:center}.btn-login::before{content:'';position:absolute;top:0;left:-100%;width:55%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.btn-login:hover::before{left:160%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(37,99,235,.45)}.btn-login:active{transform:translateY(0)}.btn-login .spinner{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;margin-right:8px}.btn-login.loading .spinner{display:inline-block}.btn-login.loading .btn-text{opacity:.8}.divider{display:flex;align-items:center;gap:.8rem;margin:1.5rem 0 .8rem}.divider::after,.divider::before{content:'';flex:1;height:1px;background:rgba(203,213,225,.7)}.divider span{font-family:Rajdhani,sans-serif;font-size:.68rem;letter-spacing:2px;color:var(--text-soft);text-transform:uppercase}.powered-by{text-align:center;padding-top:1.1rem;border-top:1px solid rgba(203,213,225,.55);margin-top:1.3rem}.powered-by p{font-family:Rajdhani,sans-serif;font-size:.68rem;letter-spacing:2px;color:var(--text-soft);text-transform:uppercase;margin-bottom:.25rem}.powered-by a{font-family:Orbitron,monospace;font-size:.66rem;font-weight:700;color:var(--primary);text-decoration:none;letter-spacing:1.5px;transition:color .3s,text-shadow .3s}.powered-by a:hover{color:var(--accent);text-shadow:0 0 10px rgba(14,165,233,.4)}.slide-dots{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);border:1px solid rgba(37,99,235,.2);transition:all .4s ease;cursor:pointer}.dot.active{background:var(--primary);width:22px;border-radius:4px;border-color:var(--primary);box-shadow:0 0 8px rgba(37,99,235,.4)}.alert-custom{background:rgba(254,226,226,.8);border:1px solid rgba(252,165,165,.6);border-radius:9px;color:#dc2626;font-size:.82rem;padding:.6rem .9rem;margin-top:.8rem;display:none;font-family:Inter,sans-serif}@keyframes shake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@media (max-width:480px){.login-card{padding:2rem 1.4rem 1.6rem}.datetime-bar{padding:.5rem 1rem}.datetime-bar .date-part,.datetime-bar .day-part{font-size:.7rem}.datetime-bar .time-part{font-size:.82rem}.car-svg{width:200px}.loader-brand{font-size:.72rem;letter-spacing:4px}}