article{font-weight:700;margin:0;color:#fff}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}p,span{color:#000}span{font-size:12px}.access-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.container{border-radius:20px;background:var(--primary);box-shadow:10px 10px 30px rgba(0,0,0,.05);position:relative;overflow:hidden;width:70vw;max-width:100%;min-height:480px;height:80vh;transition:333ms;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-container form{flex-direction:column;width:100%;height:100%;padding:20px}.form-container form,.social-container{display:flex;align-items:center;justify-content:center;gap:10px}.social-container{padding:0;margin:1rem 0;height:auto}.social-container a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:1px solid #fff;color:#fff;transition:.3s}.social-container a:hover{transform:scale(1.1);border-color:#fff;background:#fff;color:var(--primary)}button{width:100%;max-width:350px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;background:#fff;border:none;cursor:pointer}.singup-button span,button{color:#000}button:hover{background:#f0f0f0}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container,.sign-up-container{left:0;width:50%;z-index:1;opacity:0}.sign-in-container{z-index:2;opacity:1}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.overlay{background:linear-gradient(90deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.5));position:relative;left:-100%;width:200%}.overlay,.overlay-panel{color:var(--primary);height:100%;transform:translateY(0);transition:transform .6s ease-in-out}.overlay-panel{position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;width:50%;text-align:center}.overlay-right{right:0;transform:translateY(0)}.overlay-left{transform:translateY(-20%)}.container.right-panel-active .sign-in-container{transform:translateY(100%)}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5}.container.right-panel-active .overlay{transform:translateX(50%)}.container.right-panel-active .overlay-left{transform:translateY(0)}.container.right-panel-active .overlay-right{transform:translateY(20%)}.error-alert{position:fixed;bottom:0;left:50%;transform:translate(-50%,-50%);z-index:1000;font-size:14px;text-decoration:underline;display:flex;justify-content:center;align-items:center;width:50%;max-width:500px;padding:10px;background:rgba(255,66,66,.668);border-radius:10px;color:#fff}h1{font-size:24px;font-weight:700;text-align:center;margin:0;padding:0;line-height:1.2;display:inline-block;color:#fff}.ant-form-item{margin-bottom:0!important}.ant-form-item-explain-error{color:#f66!important}@media (max-width:768px){.access-container{align-items:stretch;min-height:100dvh}.container{width:100vw;height:auto;min-height:unset;border-radius:0;box-shadow:none;overflow:visible;background:transparent}.overlay-container{overflow:visible;z-index:auto;margin-bottom:.5rem;display:block!important}.overlay,.overlay-container{position:static;width:100%;height:auto;transform:none!important}.overlay{left:0;background:transparent;display:flex;gap:8px;padding:12px 16px 0}.overlay,.overlay-panel{transition:none!important}.overlay-panel{position:static;width:50%;height:auto;padding:0;text-align:center;transform:none!important;color:inherit}.overlay-panel .ant-typography,.overlay-panel article,.overlay-panel p{display:none!important}.overlay-panel .ant-btn,.overlay-panel button{width:100%;height:44px;border-radius:10px;font-size:14px}.form-container{position:static;width:100%;height:auto;transform:none!important;opacity:1!important;transition:none!important;padding:0 16px 16px}.sign-in-container,.sign-up-container{width:100%;left:0;z-index:auto;opacity:1}.container:not(.right-panel-active) .sign-in-container{display:block}.container.right-panel-active .sign-in-container,.container:not(.right-panel-active) .sign-up-container{display:none}.container.right-panel-active .sign-up-container{display:block}.ant-form-item{margin-bottom:8px!important}.ant-btn{height:44px;border-radius:10px;font-size:14px}.ant-btn,.ant-input,.ant-input-password,.ant-select,.ant-select-selector{width:100%!important}h1{font-size:20px}.social-container{gap:12px;margin:8px 0 12px}.social-container a{width:36px;height:36px}.error-alert{width:calc(100% - 2rem);left:50%;transform:translateX(-50%);bottom:1rem;font-size:13px}}@media (max-width:360px){h1{font-size:18px}.form-container form{padding:12px}}@media (max-width:768px){.container.right-panel-active .overlay-right,.container:not(.right-panel-active) .overlay-left{display:none!important}.overlay{justify-content:center}.overlay-panel .ant-btn,.overlay-panel button{height:36px;border-radius:8px;font-size:13px;padding:0 12px}}