.futuristic-login{position:relative;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:2rem 0}.cyberspace-background{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0f1b30,#060c18 70%,#02050c)!important;z-index:-2;perspective:1000px;overflow:hidden}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(32,82,149,.07) 1px,transparent 1px) 0 0 / 50px 50px,linear-gradient(to bottom,rgba(32,82,149,.07) 1px,transparent 1px) 0 0 / 50px 50px;transform:perspective(500px) rotateX(60deg);transform-origin:center top;animation:gridMovement 30s linear infinite}@keyframes gridMovement{0%{background-position:0 0}to{background-position:0 100px}}.glow-effect{position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at 50% 25%,rgba(78,99,191,.2) 0%,transparent 60%);z-index:-1}.particle{position:absolute;background-color:#85deff99;border-radius:50%;box-shadow:0 0 10px 2px #85deff66;z-index:-1}.orbit-circles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-circle{position:absolute;border-radius:50%;border:1px solid rgba(56,182,255,.3);top:50%;left:50%;transform:translate(-50%,-50%)}.circle-1{width:300px;height:300px;animation:orbitRotate 20s linear infinite}.circle-2{width:500px;height:500px;animation:orbitRotate 40s linear infinite reverse}.circle-3{width:700px;height:700px;animation:orbitRotate 60s linear infinite}@keyframes orbitRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.login-content-wrapper{position:relative;display:grid;grid-template-columns:1fr;gap:2.5rem;max-width:1100px;width:100%;padding:0 2rem;z-index:1}.brand-panel{text-align:center;margin-bottom:1rem;padding:0 1rem}.hologram-effect{position:relative;height:120px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.app-logo{max-height:80px;max-width:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 10px rgba(72,118,255,.7));animation:floatLogo 5s ease-in-out infinite}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hologram-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.hologram-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(72,118,255,.4)}.ring-1{width:120px;height:120px;animation:ringPulse 3s ease-in-out infinite}.ring-2{width:160px;height:160px;animation:ringPulse 3s ease-in-out infinite 1.5s}@keyframes ringPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}to{transform:translate(-50%,-50%) scale(.8);opacity:.8}}.futuristic-title{font-family:Rubik,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem;position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto .5rem}.title-glitch{position:relative;display:inline-block}.title-glitch:before,.title-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.title-glitch:before{left:2px;text-shadow:-1px 0 rgba(255,0,128,.7);animation:glitch-anim-1 2s infinite linear alternate-reverse;clip:rect(44px,450px,56px,0)}.title-glitch:after{left:-2px;text-shadow:-1px 0 rgba(0,255,255,.7);animation:glitch-anim-2 2s infinite linear alternate-reverse;clip:rect(44px,450px,46px,0)}@keyframes glitch-anim-1{0%{clip:rect(42px,450px,44px,0)}20%{clip:rect(12px,450px,59px,0)}40%{clip:rect(62px,450px,84px,0)}60%{clip:rect(42px,450px,59px,0)}80%{clip:rect(52px,450px,34px,0)}to{clip:rect(12px,450px,64px,0)}}@keyframes glitch-anim-2{0%{clip:rect(32px,450px,64px,0)}20%{clip:rect(22px,450px,39px,0)}40%{clip:rect(52px,450px,64px,0)}60%{clip:rect(42px,450px,79px,0)}80%{clip:rect(12px,450px,34px,0)}to{clip:rect(62px,450px,74px,0)}}.title-bar{position:relative;width:100%;height:4px;background:linear-gradient(to right,transparent,rgba(0,195,255,.8),transparent);margin-top:.5rem}.title-bar:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background-color:#00c3ff;animation:barScan 2s linear infinite}@keyframes barScan{0%{left:0}to{left:100%}}.tech-description{font-family:Rubik,sans-serif;font-size:1.1rem;color:#9dceffcc;margin-top:.5rem;letter-spacing:.5px}.blink-cursor{display:inline-block;width:10px;height:20px;background-color:#9dceffcc;margin-right:5px;vertical-align:middle;animation:blinkCursor .8s infinite}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}.robot-assistant{position:absolute;top:-60px;right:70%;z-index:2;transform:rotate(-10deg);animation:robotFloat 6s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5))}@keyframes robotFloat{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-15px)}}.robot-image{width:auto;height:250px;position:relative;z-index:1}.robot-glow{position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;filter:blur(20px);background:radial-gradient(circle at 50% 50%,rgba(70,100,255,.4),transparent 70%);z-index:0;animation:glowPulse 4s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.scanner-effect{position:absolute;width:100%;height:5px;background:linear-gradient(to right,transparent,rgba(0,195,255,.8),transparent);top:0;left:0;z-index:2;animation:scannerMove 3s ease-in-out infinite}@keyframes scannerMove{0%{top:0}50%{top:100%}to{top:0}}.neo-terminal{position:relative;max-width:460px;width:100%;background-color:#121e34d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(61,118,224,.3);box-shadow:0 0 30px #0e48c733,0 0 10px #3d76e01a inset;overflow:hidden;margin:0 auto;z-index:5}.neo-terminal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(61,118,224,.1),transparent,transparent);animation:borderRotate 10s linear infinite;z-index:-1}@keyframes borderRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terminal-header{padding:12px 20px;background-color:#182642f2;border-bottom:1px solid rgba(61,118,224,.3);display:flex;align-items:center;justify-content:space-between}.header-controls{display:flex;gap:8px}.control-dot{width:12px;height:12px;border-radius:50%;background-color:#ffffff4d}.control-dot:first-child{background-color:#ff6347b3}.control-dot:nth-child(2){background-color:#ffa500b3}.control-dot:last-child{background-color:#32cd32b3}.header-title{font-family:Rubik,sans-serif;font-size:.9rem;color:#9dceffe6;letter-spacing:1px}.terminal-body{padding:25px;position:relative;overflow:hidden}.scanning-line{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,rgba(0,195,255,.8),transparent);animation:scanning 3s ease-in-out infinite;opacity:.5}.body-interface{position:relative;z-index:2}.terminal-footer{padding:12px 20px;border-top:1px solid rgba(61,118,224,.3);background-color:#182642f2}.security-indicators{display:flex;justify-content:flex-end;gap:20px}.indicator{display:flex;align-items:center;gap:8px;font-family:Rubik,sans-serif;font-size:.8rem;color:#9dceffb3}.indicator-dot{width:8px;height:8px;border-radius:50%;background-color:#9dceffb3}.indicator-dot.pulse{animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{background-color:#0cff74b3;box-shadow:0 0 5px #0cff74b3}50%{background-color:#0cff744d;box-shadow:0 0 10px #0cff744d}}:root{--color-primary: #0038b8;--color-primary-light: #0046e5;--color-primary-dark: #002c91;--color-secondary: #ffffff;--color-background: #052960;--color-text: #333333;--box-shadow: 0 8px 24px rgba(0, 0, 0, .1);--border-radius: 8px;--transition: all .3s ease}body{margin:0;padding:0;direction:rtl}.franchise-login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;position:relative;overflow:hidden;background-color:var(--color-background);font-family:Segoe UI,Rubik,sans-serif}.background-shapes{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden}.shape{position:absolute;border-radius:25%;opacity:.3}.shape-1{top:-100px;right:-50px;width:300px;height:300px;background-color:var(--color-primary);transform:rotate(25deg)}.shape-2{bottom:-150px;left:-80px;width:400px;height:400px;background-color:var(--color-primary-light);transform:rotate(15deg)}.shape-3{top:60%;right:15%;width:200px;height:200px;background-color:var(--color-primary-light);opacity:.2;transform:rotate(45deg)}.shape-4{top:20%;left:10%;width:150px;height:150px;background-color:var(--color-primary);opacity:.2;transform:rotate(70deg)}.login-container{display:flex;width:100%;max-width:1000px;margin:0 1.5rem;z-index:1;position:relative}.login-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto;padding:2rem 0}.brand-section{text-align:center;margin-bottom:2rem}.logo-container{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;height:80px}.tenant-logo{max-height:80px;max-width:200px;-o-object-fit:contain;object-fit:contain}.login-title{font-size:1.8rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.subtitle{font-size:1rem;color:#666;margin:0}.login-card{width:100%;background-color:var(--color-secondary);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;transition:var(--transition)}.login-card:hover{box-shadow:0 12px 32px #00000026;transform:translateY(-5px)}.form-wrapper{padding:2rem}.support-section{padding:1rem;background-color:#00000005;border-top:1px solid rgba(0,0,0,.05);text-align:center}.support-link{font-size:.9rem;color:var(--color-primary);text-decoration:none;transition:var(--transition)}.support-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width: 576px){.login-content{padding:1.5rem 0}.form-wrapper{padding:1.5rem}.login-title{font-size:1.5rem}}:deep(.form-control){width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;border:1px solid #ddd;border-radius:var(--border-radius);transition:var(--transition);background-color:#fff}:deep(.form-control:focus){border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2);outline:none}:deep(.form-label){display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text)}:deep(.form-group){margin-bottom:1.5rem}:deep(.btn-primary){background-color:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);width:100%}:deep(.btn-primary:hover){background-color:var(--color-primary-dark)}:deep(.btn-primary:active){transform:translateY(1px)}:deep(.remember-me){display:flex;align-items:center;margin-bottom:1.5rem;font-size:.9rem}:deep(.remember-me input){margin-left:.5rem}