.main-container{display:flex;height:100vh}.left-panel{width:61.8%;flex-direction:column;position:relative}.left-panel,.right-panel{height:100%;display:flex;justify-content:center}.right-panel{width:38.2%;align-items:center;background:#0c071a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease,visibility .3s ease}.auth-container{padding:40px;border-radius:20px;width:100%;position:relative;z-index:10;background:hsla(0,0%,100%,.05);box-shadow:0 4px 24px -1px rgba(0,0,0,.2),inset 0 0 1px 0 hsla(0,0%,100%,.3),inset 0 0 20px 0 hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);transform-style:preserve-3d;perspective:1000px;animation:container-appear .6s ease-out}@keyframes container-appear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-container:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,0))}.auth-container:after,.auth-container:before{content:"";position:absolute;border-radius:20px;pointer-events:none}.auth-container:after{top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(45deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0) 60%);z-index:-1}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h2{font-size:2rem;font-weight:600;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a8a8a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-header p{color:hsla(0,0%,100%,.6);font-size:.9rem}.form-label{display:block;margin-bottom:.5rem;color:hsla(0,0%,100%,.8);font-size:.9rem}.form-control{width:100%;padding:.75rem 1rem;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:#fff;transition:all .3s ease}.form-control:focus{outline:none;border-color:#6af4f9;background:hsla(0,0%,100%,.1);box-shadow:0 0 0 2px rgba(106,244,249,.2)}.form-control::-moz-placeholder{color:hsla(0,0%,100%,.3)}.form-control::placeholder{color:hsla(0,0%,100%,.3)}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;padding:.75rem;border-radius:.5rem;font-weight:500;color:#fff;transition:all .3s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.auth-link{color:#6366f1;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#818cf8}.mb-3{margin-bottom:1.5rem!important}.text-center{text-align:center!important}#vanta-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.invisible{opacity:0;visibility:hidden}.fade-in{opacity:1;visibility:visible;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.login-logo{position:fixed;top:2rem;left:2rem;z-index:100;display:flex;align-items:center;gap:.5rem;font-size:1.8rem;font-weight:700;letter-spacing:.1em;animation:logoAppear 1s ease-out forwards}.logo-text{color:#fff;text-shadow:0 0 10px hsla(0,0%,100%,.5);transition:all .3s ease;display:inline-block}.logo-text:hover{transform:translateY(-2px) scale(1.1);text-shadow:0 0 20px hsla(0,0%,100%,.8)}.logo-heart{display:inline-block;font-size:1.5rem;transform-origin:center;margin:0 .2rem}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.1)}40%{transform:scale(1)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes logoAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-text:first-child:hover{color:#64ffda}.logo-text:nth-child(3):hover{color:#bd93f9}.logo-text:nth-child(4):hover{color:#ff79c6}.login-logo:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:hsla(0,0%,100%,.03);border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:-1;opacity:0;transition:opacity .3s ease}.login-logo:hover:before{opacity:1}@media (max-width:1024px){.main-container{position:relative}.left-panel{z-index:1}.left-panel,.right-panel{width:100%;position:fixed;top:0;left:0}.right-panel{z-index:2;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:flex-end;align-items:center;padding:1rem 2rem 1rem 1rem}.auth-container{margin-right:0}.login-logo{top:1.5rem;left:1.5rem;font-size:1.5rem}.auth-link{color:#35daff}.auth-link:hover{color:#47dafb}.text-red-500{color:#dc2626!important}.text-green-300{color:#86efac!important}.auth-link.small{color:#35daff}.auth-link.small:hover{color:#47dafb}button[type=button] span{color:#fff}}@media (max-width:768px){.right-panel{justify-content:center;align-items:center;padding:1rem}.auth-container{max-width:100%;width:calc(100% - 40px);margin:0;padding:40px 20px}.login-logo{top:1rem;left:1rem;font-size:1.3rem}.auth-header h2{font-size:1.5rem}}@media (max-width:480px){.auth-container{padding:20px 10px;border-radius:10px;width:calc(100% - 60px)}.auth-container form div{margin-bottom:.5rem}.auth-container button{padding:.5rem;font-size:.9rem}.auth-container .text-center p{font-size:.8rem}.login-logo{font-size:1.2rem}.auth-header{margin-bottom:.5rem}.auth-header h2{font-size:1.3rem}.auth-header p,.form-control{font-size:.8rem}.btn-primary,.form-control{padding:.6rem}}@media (max-width:1024px){#vanta-background{width:100vw!important;height:100vh!important}}@media (max-width:1024px) and (min-width:769px) and (orientation:landscape){.right-panel{justify-content:flex-end;align-items:center;padding-right:3rem}.auth-container{max-width:380px}}@media (max-width:1024px){.right-panel{padding:max(1rem,env(safe-area-inset-top)) max(2rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.login-logo{top:max(1rem,calc(env(safe-area-inset-top) + .5rem));left:max(1rem,calc(env(safe-area-inset-left) + .5rem))}}