:root{--primary-blue:#007aff;--glow-blue:#00f0ff;--dark-bg:#0b1121;--glass-bg:rgba(18,25,43,.7);--glass-border:hsla(0,0%,100%,.1)}.futuristic-login-container{min-height:100vh;width:100%;background-color:var(--dark-bg);background-image:radial-gradient(circle at 50% 50%,#1a2c4e 0,#0b1121 70%);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;position:relative;overflow:hidden;color:#fff}.futuristic-login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:50px 50px;transform:perspective(1000px) rotateX(60deg) scale(2);transform-origin:center top;opacity:.3;pointer-events:none}.content-wrapper{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:2rem;z-index:10;gap:4rem}.tech-visual-container{flex:1 1;height:500px}.tech-core,.tech-visual-container{display:flex;align-items:center;justify-content:center;position:relative}.tech-core{width:300px;height:300px;transform-style:preserve-3d;perspective:1000px}.core-icon{font-size:5rem;color:var(--glow-blue);z-index:10;filter:drop-shadow(0 0 20px var(--primary-blue));animation:floating 3s ease-in-out infinite}.ring{position:absolute;border-radius:50%;border:2px solid rgba(0,240,255,.3);box-shadow:0 0 15px rgba(0,122,255,.2)}.ring-outer{width:360px;height:360px;border-top-color:var(--glow-blue);border-bottom-color:transparent;animation:spin 10s linear infinite}.ring-middle{width:280px;height:280px;border:2px dashed rgba(0,122,255,.5);animation:spin-reverse 15s linear infinite}.ring-inner{width:200px;height:200px;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 0 20px rgba(0,122,255,.2);animation:pulse 4s ease-in-out infinite}.floating-item{position:absolute;background:rgba(13,20,36,.9);border:1px solid var(--glass-border);padding:10px;border-radius:12px;color:var(--glow-blue);font-size:1.5rem;box-shadow:0 0 15px rgba(0,0,0,.5);width:50px;height:50px;display:flex;align-items:center;justify-content:center}.item-1{top:-20px;right:20px;animation:float-delayed 4s infinite}.item-2{bottom:40px;left:-20px;animation:float-delayed 5s infinite reverse}.item-3{top:40%;right:-60px;animation:float-delayed 6s 1s infinite}.login-card-glass{flex:0 0 400px;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:.5rem;letter-spacing:.025em}.login-subtitle{font-size:.85rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.dark-form-group{margin-bottom:1.5rem;position:relative}.dark-input-container{position:relative;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;transition:all .3s}.dark-input-container:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 2px rgba(0,122,255,.2);background:rgba(0,0,0,.5)}.dark-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b;font-size:1rem;pointer-events:none;transition:color .3s}.dark-input-container:focus-within .dark-input-icon{color:var(--primary-blue)}.dark-input{width:100%;background:transparent;border:none;padding:14px 14px 14px 45px;color:#fff;font-size:.95rem;outline:none}.dark-input::placeholder{color:#475569}.login-btn-glow{width:100%;padding:14px;background:linear-gradient(90deg,#007aff,#00b4ff);border:none;border-radius:8px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden;margin-top:1rem;box-shadow:0 0 20px rgba(0,122,255,.4)}.login-btn-glow:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,122,255,.6)}.login-btn-glow:active{transform:translateY(0)}.toggle-auth-mode{text-align:center;margin-top:1.5rem;font-size:.85rem;color:#64748b}.toggle-link{color:var(--glow-blue);cursor:pointer;margin-left:.5rem;text-decoration:none;transition:color .2s}.toggle-link:hover{color:#fff;text-shadow:0 0 10px var(--glow-blue)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:.4}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.dark-input:-webkit-autofill,.dark-input:-webkit-autofill:active,.dark-input:-webkit-autofill:focus,.dark-input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #0b1121!important;-webkit-text-fill-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.avatar-upload-container{flex-direction:column;margin-bottom:2rem}.avatar-preview-wrapper,.avatar-upload-container{display:flex;align-items:center;position:relative}.avatar-preview-wrapper{width:100px;height:100px;border-radius:50%;border:2px dashed hsla(0,0%,100%,.2);justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(0,0,0,.2)}.avatar-preview-wrapper:hover{border-color:var(--glow-blue);box-shadow:0 0 15px rgba(0,240,255,.3);transform:scale(1.05)}.avatar-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;transition:color .3s}.avatar-preview-wrapper:hover .avatar-placeholder{color:var(--glow-blue)}.avatar-image{width:100%;height:100%;object-fit:cover}.camera-icon-overlay{position:absolute;bottom:5px;right:5px;background:var(--primary-blue);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;box-shadow:0 2px 5px rgba(0,0,0,.5)}.hidden-input{display:none!important}.dark-form-group{margin-bottom:1.25rem}@media (max-width:900px){.content-wrapper{flex-direction:column-reverse;gap:2rem;padding:1rem}.tech-visual-container{height:250px;margin-bottom:0;margin-top:-2rem}.tech-core{transform:scale(.7)}.login-card-glass{width:100%;max-width:450px;padding:2rem;flex:none;position:relative;z-index:50}.futuristic-login-container{padding-top:5rem;padding-bottom:2rem;height:auto;min-height:100vh;align-items:flex-start}}.orbit-container{width:100%;height:100%;min-height:500px;overflow:hidden}.orbit-center,.orbit-container{position:relative;display:flex;align-items:center;justify-content:center}.orbit-center{z-index:10;width:100px;height:100px;background:rgba(13,20,36,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 30px rgba(0,122,255,.3)}.orbit-center-icon{font-size:3rem;color:#00f0ff;animation:pulse-glow 3s ease-in-out infinite}.orbit-ring{position:absolute;border-radius:50%;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 0 10px rgba(0,122,255,.05);pointer-events:none}.orbit-item{position:absolute;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(18,25,43,.9);border:1px solid hsla(0,0%,100%,.1);color:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s ease,box-shadow .3s ease}.orbit-item:hover{transform:scale(1.2)!important;box-shadow:0 0 20px rgba(0,240,255,.6);cursor:pointer;z-index:20;border-color:rgba(0,240,255,.5)}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 15px rgba(0,240,255,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 25px rgba(0,240,255,.8));transform:scale(1.05)}}