.globe-container{position:relative;width:400px;height:400px;perspective:1500px;margin:0 auto;filter:drop-shadow(0 0 30px rgba(99,102,241,.2))}.globe{position:relative;transform-style:preserve-3d;animation:globeRotate 25s linear infinite}.globe,.globe-sphere{width:100%;height:100%}.globe-sphere{background:radial-gradient(circle at 30% 30%,rgba(99,102,241,.1) 0,rgba(79,70,229,.3) 40%,rgba(67,56,202,.7) 80%);box-shadow:inset 0 0 50px hsla(0,0%,100%,.1),inset 0 0 100px rgba(79,70,229,.2),inset 0 0 150px rgba(99,102,241,.3),0 0 50px rgba(99,102,241,.3);opacity:.9;backdrop-filter:blur(5px)}.globe-sphere,.globe-sphere:before{position:absolute;border-radius:50%}.globe-sphere:before{content:"";inset:-2px;background:linear-gradient(45deg,transparent 40%,hsla(0,0%,100%,.2) 45%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 55%,transparent 60%);animation:lightSweep 5s linear infinite;filter:blur(3px)}@keyframes lightSweep{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.globe-dot{width:2px;height:2px;background:hsla(0,0%,100%,.8);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 8px hsla(0,0%,100%,.8),0 0 15px rgba(99,102,241,.6)}.globe-dot,.globe-dot:before{position:absolute;transition:transform .3s ease-out}.globe-dot:before{content:"";width:40px;height:1px;background:linear-gradient(90deg,hsla(0,0%,100%,.5),transparent);transform-origin:left center;transform:scaleX(0) rotate(var(--line-rotation,45deg));left:2px;top:50%}.globe-dot:nth-child(3n):before{transform:scaleX(1) rotate(var(--line-rotation,45deg));width:30px}.globe-dot:nth-child(5n):before{transform:scaleX(1) rotate(var(--line-rotation,-45deg));width:25px}.globe-dot:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:inherit;filter:blur(1px)}@keyframes globeRotate{0%{transform:rotateY(0deg) rotateX(-10deg) rotate(5deg)}to{transform:rotateY(1turn) rotateX(-10deg) rotate(5deg)}}.globe:after{content:"";position:absolute;inset:-50%;background:radial-gradient(circle at center,rgba(99,102,241,.2) 0,rgba(79,70,229,.15) 30%,transparent 70%);filter:blur(40px);z-index:-1;animation:pulseGlow 4s ease-in-out infinite;mix-blend-mode:screen}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.globe:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(0deg,hsla(0,0%,100%,.05) 1px,transparent 0);background-size:30px 30px;mask-image:radial-gradient(circle at center,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 70%)}.globe-sphere:after{content:"";position:absolute;top:50%;left:-5%;right:-5%;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 80%,transparent);transform:translateY(-50%);filter:blur(1px)}@media (max-width:1024px){.globe-container{width:350px;height:350px}}@media (max-width:768px){.globe-container{width:300px;height:300px}}@media (max-width:480px){.globe-container{width:250px;height:250px}}.globe-container:hover .globe{animation-play-state:paused}.globe-container:hover .globe-dot:before{transform:scaleX(1.2) rotate(var(--line-rotation,45deg))}@keyframes connectionPulse{0%,to{opacity:.3;transform:scaleX(1) rotate(var(--line-rotation,45deg))}50%{opacity:.6;transform:scaleX(1.2) rotate(var(--line-rotation,45deg))}}.globe-dot:nth-child(3n):before,.globe-dot:nth-child(5n):before{animation:connectionPulse 3s ease-in-out infinite;animation-delay:calc(var(--dot-index, 0) * .1s)}.network-container{position:relative;width:100%;height:100%;margin:0;background:transparent;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.glow-background{position:absolute;inset:-20%;background:radial-gradient(circle at center,rgba(99,102,241,.2) 0,transparent 70%);filter:blur(40px);opacity:.5;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.particle{width:3px;height:3px;background:hsla(0,0%,100%,.5);border-radius:50%;box-shadow:0 0 10px rgba(99,102,241,.3),0 0 20px rgba(99,102,241,.2);transition:transform .3s ease-out}.connections-canvas,.particle{position:absolute;pointer-events:none}.connections-canvas{top:0;left:0;width:100%;height:100%;opacity:.5}.floating-card{position:absolute;width:110px;height:110px;background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:all .3s ease-out;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.1),inset 0 0 0 1px hsla(0,0%,100%,.1);cursor:pointer}.floating-card:hover{transform:scale(1.1)!important;background:hsla(0,0%,100%,.15);box-shadow:0 8px 30px rgba(99,102,241,.2),inset 0 0 0 1px hsla(0,0%,100%,.2)}.card-content{display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;text-align:center}.card-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.card-title{font-size:.9rem;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.floating-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,transparent 40%,hsla(0,0%,100%,.2) 45%,hsla(0,0%,100%,.4) 50%,hsla(0,0%,100%,.2) 55%,transparent 60%);border-radius:inherit;animation:cardGlow 3s linear infinite;opacity:0;transition:opacity .3s ease}.floating-card:hover:after{opacity:1}@keyframes cardGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.floating-card{width:100px;height:100px}}@media (max-width:1024px){.floating-card{width:90px;height:90px}}@media (max-width:768px){.card-icon{font-size:1.75rem}.card-title{font-size:.8rem}}@media (max-width:480px){.card-icon{font-size:1.5rem}.card-title{font-size:.7rem}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;margin:0;padding:0;min-height:100vh;overflow:hidden}.page-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5;padding:20px}.outer-container{width:100%;max-width:1200px;margin:0 auto}.auth-container{display:flex;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.1);min-height:600px}@keyframes floatAnimation{0%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-55%)}to{transform:translate(-50%,-50%)}}@keyframes pulsePattern{0%{opacity:.1}50%{opacity:.15}to{opacity:.1}}@keyframes gradientAnimation{0%{background:linear-gradient(135deg,#6366f1,#4f46e5)}50%{background:linear-gradient(135deg,#4f46e5,#6366f1)}to{background:linear-gradient(135deg,#6366f1,#4f46e5)}}@keyframes floatingElements{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(0deg)}}.auth-image{flex:1.2;background:linear-gradient(135deg,#4f46e5,#6366f1);position:relative;display:flex;align-items:center;justify-content:center;min-width:600px;padding:0;overflow:hidden}@media (min-width:768px){.auth-image{display:flex}}.dots-pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1;background-image:radial-gradient(#fff 1px,transparent 0),linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);background-size:20px 20px,200% 100%;animation:pulsePattern 4s ease-in-out infinite,shine 8s linear infinite;pointer-events:none;mask-image:radial-gradient(circle at center,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 80%)}.auth-image:after,.auth-image:before,.business-elements,.business-elements:after,.business-elements:before,.business-icon{display:none}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.auth-card{flex:1;padding:40px;max-width:500px;display:flex;flex-direction:column;justify-content:center;animation:slideIn .5s ease-out forwards}.auth-card h2{margin:0;color:#1f2937;font-size:2rem;font-weight:700;text-align:center}.auth-card p{margin:10px 0 30px;color:#6b7280;text-align:center;line-height:1.5}.toggle-buttons{display:flex;gap:10px;margin-bottom:30px}.toggle-buttons button{flex:1;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;background:#f3f4f6;color:#6b7280}.toggle-buttons button.active{background:#4f46e5;color:#fff}.toggle-buttons button:disabled{opacity:.7;cursor:not-allowed}.input-group{position:relative;margin-bottom:20px}.input-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;background:#fff}.input-group input:focus{border-color:#4f46e5;outline:none}.input-group input:disabled{background:#f3f4f6;cursor:not-allowed}.input-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b7280;transition:all .2s;pointer-events:none;background:#fff;padding:0 4px}.input-group input:focus+label,.input-group input:not(:placeholder-shown)+label{top:0;font-size:.875rem;color:#4f46e5}.input-group input:disabled+label{color:#9ca3af}.reset-button,.verify-button{display:block;width:100%;padding:12px;border-radius:8px;font-size:1rem;transition:all .2s;margin-bottom:20px}.verify-button{background:#4f46e5}.verify-button:hover:not(:disabled){background:#4338ca}.reset-button{background:#ef4444;color:#fff}.reset-button:hover:not(:disabled){background:#dc2626}.reset-button:disabled,.verify-button:disabled{opacity:.7;cursor:not-allowed}.show-password{display:flex;align-items:center;gap:8px;margin-bottom:20px}.show-password input[type=checkbox]{width:16px;height:16px}.show-password label{color:#6b7280;font-size:.875rem}form>button[type=submit]{width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;background:#4f46e5;color:#fff}form>button[type=submit]:hover:not(:disabled){background:#4338ca}form>button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#ef4444;margin-bottom:20px;font-size:.875rem}:root{--toastify-color-success:#10b981;--toastify-color-error:#ef4444}@media (max-width:1200px){.auth-image{min-width:500px}}@media (max-width:1024px){.auth-container{min-height:500px}.auth-image{min-width:450px}}@media (max-width:900px){.auth-image{display:none}.auth-card{max-width:100%;padding:30px}}@media (max-width:768px){.auth-container,.page-container{height:100vh;overflow:hidden}.auth-image{min-width:0;padding:30px}.auth-card{padding:20px;overflow-y:auto}.auth-card h2{font-size:28px}.toggle-buttons{max-width:100%}.auth-card form{padding:0 10px}}@media (max-width:480px){.auth-card h2{font-size:24px}.toggle-buttons button{font-size:14px;padding:10px}.input-group input{padding:10px}}.disabled-input{background-color:#f5f5f5;color:#06f!important;cursor:not-allowed}.disabled-input:focus{border-color:#ddd;box-shadow:none}.divider,.divider span,.divider:after,.divider:before,.google-signin,.google-signin:hover{display:none}.company-mail-group{position:relative;display:flex;align-items:center;gap:10px}.company-mail-group input{flex:1}.reset-button,.verify-button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:70px;height:40px}.verify-button{background-color:#4285f4;color:#fff}.verify-button:hover{background-color:#3367d6}.reset-button{background-color:#f5f5f5;color:#666}.reset-button:hover{background-color:#e5e5e5}.company-mail-group .input-group{margin-bottom:0}.company-mail-group label{z-index:1}.login-note{text-align:center;margin:20px 0;color:#6b7280;font-size:.875rem}.login-note a{color:#4f46e5;text-decoration:none;font-weight:500}.login-note a:hover{text-decoration:underline}