.login-page-wrapper{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#0b0b12;box-sizing:border-box}.login-container{position:relative;width:100%;max-width:1000px;min-height:700px;height:auto;margin:0 auto;background:linear-gradient(135deg,rgba(18,15,27,.95),rgba(27,22,40,.9));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(139,92,246,.15);border-radius:30px;box-shadow:0 0 30px rgba(139,92,246,.2),0 8px 32px rgba(0,0,0,.3);overflow:hidden}.login-container.active .form-box{right:50%}.form-box{position:absolute;right:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center;transition:right .6s ease-in-out 1.2s,visibility 0s 1s;z-index:1;padding:40px;box-sizing:border-box;overflow:hidden;background:transparent;will-change:right,visibility}.form-box.register{visibility:hidden}.login-container.active .form-box.login{visibility:hidden;transition:right .6s ease-in-out 1.2s,visibility 0s 1s}.login-container.active .form-box.register{visibility:visible;transition:right .6s ease-in-out 1.2s,visibility 0s 1s}.yeti-login-form{position:relative;display:block;width:100%;max-width:400px;background-color:transparent;margin:0 auto;box-sizing:border-box;font-family:Source Sans Pro,sans-serif;padding:1.5em 1.5em 0;min-height:-moz-fit-content;min-height:fit-content}.yeti-login-form .svgContainer{position:relative;width:180px;height:180px;margin:0 auto 1.5em;border-radius:50%;pointer-events:none;flex-shrink:0;overflow:hidden;background:#0b0b12;border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 0 20px rgba(0,0,0,.5)}.form-box.register .yeti-login-form .svgContainer{margin:0 auto 1em}.form-box.register .yeti-login-form{padding-top:1em}.yeti-login-form .inputGroup{margin:0 0 1.5em;padding:0;position:relative}.yeti-login-form .inputGroup:last-of-type{margin-bottom:0}.yeti-login-form label{margin:0 0 8px;display:block;font-size:.875em;color:#a79bbf;font-weight:500;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.yeti-login-form input[type=email],.yeti-login-form input[type=number],.yeti-login-form input[type=password],.yeti-login-form input[type=search],.yeti-login-form input[type=text],.yeti-login-form input[type=url]{display:block;margin:0;padding:.75em .95em;background-color:rgba(27,22,40,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:52px;font-size:.95em;color:#f7f4ff;font-weight:400;font-family:inherit;transition:all .2s ease-out}.yeti-login-form input[type=email]:focus,.yeti-login-form input[type=number]:focus,.yeti-login-form input[type=password]:focus,.yeti-login-form input[type=search]:focus,.yeti-login-form input[type=text]:focus,.yeti-login-form input[type=url]:focus{outline:none;box-shadow:0 0 0 3px rgba(139,92,246,.1);border-color:#8b5cf6;background-color:rgba(27,22,40,.8)}.yeti-login-form input::-moz-placeholder{color:#a79bbf;opacity:.6}.yeti-login-form input::placeholder{color:#a79bbf;opacity:.6}.yeti-login-form button{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;margin:0;padding:.85em 1.25em;background:rgba(139,92,246,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.3);border-radius:12px;box-sizing:border-box;box-shadow:0 4px 14px 0 rgba(139,92,246,.25);width:100%;height:52px;font-size:1em;line-height:1.2;color:#fff;font-weight:600;font-family:inherit;transition:all .2s ease-out;cursor:pointer}.yeti-login-form button:active,.yeti-login-form button:hover{background:rgba(124,58,237,.95);box-shadow:0 6px 20px 0 rgba(139,92,246,.35);transform:translateY(-1px)}.yeti-login-form button:active{transform:translateY(0)}.yeti-login-form button:disabled{opacity:.6;cursor:not-allowed;transform:none}.yeti-login-form .inputGroup1 .helper{display:none}.yeti-login-form .inputGroup2{position:relative}.yeti-login-form .inputGroup2 input[type=password],.yeti-login-form .inputGroup2 input[type=text]{padding-right:3.5em}.yeti-login-form .inputGroup2 .password-toggle-icon{position:absolute;right:1em;top:50%;transform:translateY(-50%);cursor:pointer;color:#a79bbf;transition:color .2s;z-index:100;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;padding:0;margin:0}.yeti-login-form .inputGroup2 .password-toggle-icon:hover{color:#8b5cf6}.yeti-login-form .inputGroup2 .password-toggle-icon:focus{outline:2px solid rgba(139,92,246,.5);outline-offset:2px;border-radius:4px}.yeti-login-form .inputGroup2 .password-toggle-icon svg{width:20px;height:20px;pointer-events:none}.yeti-login-error{color:#e74c3c;font-size:.9em;margin-top:.5em;text-align:center}.mobile-toggles{display:none;flex-direction:row;width:100%;max-width:1000px;margin:0 auto 20px;padding:8px;box-sizing:border-box;gap:8px;background:rgba(18,15,27,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:16px}.mobile-toggle-btn{flex:1;padding:12px 20px;background:transparent;border:none;border-radius:12px;color:#a79bbf;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.mobile-toggle-btn.active{color:#f7f4ff;background:rgba(139,92,246,.3);box-shadow:0 2px 8px rgba(139,92,246,.2)}.mobile-toggle-btn:not(.active):hover{color:#f7f4ff;background:rgba(139,92,246,.1)}.mobile-toggle-btn:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#7c3aed);transition:width .3s ease;border-radius:2px}.mobile-toggle-btn.active:after{width:60%}.toggle-box{width:100%;pointer-events:none}.toggle-box,.toggle-box:before{position:absolute;height:100%;z-index:2}.toggle-box:before{content:"";left:-250%;width:300%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:150px;transition:1.8s ease-in-out}.login-container.active .toggle-box:before{left:50%}.toggle-panel{position:absolute;width:50%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;transition:.6s ease-in-out;padding:40px;text-align:center}.toggle-panel h1{font-size:36px;margin-bottom:20px;font-weight:700}.toggle-panel p{font-size:14.5px;margin-bottom:20px;opacity:.9}.toggle-panel.toggle-left{left:0;transition-delay:1.2s}.login-container.active .toggle-panel.toggle-left{left:-50%;transition-delay:.6s}.toggle-panel.toggle-right{right:-50%;transition-delay:.6s}.login-container.active .toggle-panel.toggle-right{right:0;transition-delay:1.2s}.toggle-panel .btn{width:160px;height:46px;background:transparent;border:2px solid #fff;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;pointer-events:auto}.toggle-panel .btn:hover{background:hsla(0,0%,100%,.1)}.social-login{margin-top:24px;margin-bottom:0;width:100%;padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(139,92,246,.1);position:relative;z-index:5}.form-box.register .social-login{margin-top:16px;padding-top:16px;padding-bottom:16px}.social-login p{font-size:13px;color:#a79bbf;margin:0 0 16px;text-align:center;white-space:nowrap}.social-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;width:100%}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;border:2px solid hsla(0,0%,100%,.25)!important;border-radius:8px!important;background:hsla(0,0%,100%,.05)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#f7f4ff!important;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.25);font-size:0!important}.social-btn:hover{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.2);box-shadow:0 0 20px rgba(139,92,246,.3);transform:translateY(-2px)}.social-btn:active{transform:translateY(0)}.social-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.social-btn svg{width:24px;height:24px}.forgot-link{margin:-15px 0 15px;text-align:right}.forgot-link a{font-size:14px;color:#8b5cf6;text-decoration:none;transition:color .2s}.forgot-link a:hover{color:#b794f6}@media screen and (min-width:1025px){.mobile-logo,.mobile-toggles{display:none!important}.toggle-box{display:block}}@media screen and (max-width:1024px){.login-page-wrapper{justify-content:flex-start;padding:20px 15px 15px}.mobile-logo{display:flex!important}.mobile-toggles{display:flex}.toggle-box,.toggle-panel{display:none!important}.login-container{min-height:auto;max-width:100%;border-radius:20px;height:auto}.form-box{position:relative!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:auto!important;padding:30px 20px;display:block;transition:none!important}.form-box.register,.login-container.active .form-box.login{display:none}.login-container.active .form-box.register{display:block;visibility:visible!important}.yeti-login-form{max-width:100%;padding:1.2em}.yeti-login-form .svgContainer{width:160px;height:160px;margin:0 auto 1.2em}.form-box.register .yeti-login-form .svgContainer{margin:0 auto 1em}.social-buttons{flex-direction:row;gap:12px;justify-content:center}.social-btn{max-width:56px;width:56px;min-width:56px}}@media screen and (max-width:768px){.login-page-wrapper{padding:15px 10px 10px}.login-container{border-radius:16px;margin:0}.form-box{padding:20px 15px}.yeti-login-form{padding:1em}.yeti-login-form .svgContainer{width:140px;height:140px;margin:0 auto 1em}.form-box.register .yeti-login-form .svgContainer{margin:0 auto .75em}.yeti-login-form .inputGroup{margin:0 0 1.2em}.yeti-login-form label{font-size:.8em;margin:0 0 6px}.yeti-login-form input[type=email],.yeti-login-form input[type=number],.yeti-login-form input[type=password],.yeti-login-form input[type=search],.yeti-login-form input[type=text],.yeti-login-form input[type=url]{padding:.65em .85em;font-size:.9em;height:48px}.yeti-login-form button{padding:.75em 1em;font-size:.95em;height:48px}.social-login{margin-top:16px;padding-top:16px}.social-buttons{gap:10px}.social-btn{width:48px!important;min-width:48px!important;height:48px!important}.mobile-toggles{margin-bottom:15px;padding:6px}.mobile-toggle-btn{padding:10px 16px;font-size:14px}}