@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";
.auth-container{background-color:#fff;border-radius:30px;width:960px;max-width:100%;min-height:760px;font-family:Montserrat,sans-serif;position:relative;overflow:hidden;box-shadow:0 8px 30px #0003}.auth-container h1{color:#1a1a1a}.auth-container p{letter-spacing:.3px;color:#333;margin:20px 0;font-size:14px;line-height:20px}.auth-container span{color:#555;font-size:12px}.auth-container a{color:#333;margin:15px 0 10px;font-size:13px;text-decoration:none}.auth-container a:hover{color:#000;text-decoration:underline}.auth-container button.auth-btn{color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;margin-top:10px;padding:12px 50px;font-size:13px;font-weight:600;transition:all .3s}.auth-container button.auth-btn:hover{background-color:#333}.auth-container button.auth-btn.hidden{background-color:#0000;border-color:#fff}.auth-container button.auth-btn.hidden:hover{background-color:#ffffff1a}.auth-container form{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 40px;display:flex}.auth-container input{color:#1a1a1a;background-color:#f0f0f0;border:none;border-radius:8px;outline:none;width:100%;margin:6px 0;padding:11px 14px;font-size:13px;transition:background-color .3s}.auth-password-input{width:100%;margin:6px 0}.auth-password-input>.relative{width:100%}.auth-container input::placeholder{color:#888}.auth-container input:focus{background-color:#e0e0e0}.auth-form-container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.auth-sign-in{z-index:2;width:50%;left:0}.auth-container.active .auth-sign-in{transform:translate(100%)}.auth-sign-up{opacity:0;z-index:1;flex-direction:column;width:50%;height:100%;display:flex;left:0;overflow:hidden}.auth-container.active .auth-sign-up{opacity:1;z-index:5;animation:.6s authMove;transform:translate(100%)}.auth-sign-up form{justify-content:flex-start;align-items:stretch;height:auto;min-height:100%;padding:0;overflow:visible}.auth-form-scroll{scrollbar-width:thin;scrollbar-color:#ccc transparent;flex:1;height:100%;min-height:0;padding:20px 35px;overflow-y:auto}.auth-form-center{flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.auth-sign-in form{padding:20px 40px}@keyframes authMove{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth-social-icons{gap:10px;margin:16px 0;display:flex}.auth-social-icons a{color:#333;border:1px solid #ccc;border-radius:20%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:inline-flex}.auth-social-icons a:hover{color:#fff;background-color:#1a1a1a;border-color:#1a1a1a}.auth-social-icons-buttons{flex-direction:column;gap:8px;width:100%;margin:12px 0 4px}.auth-social-btn{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:11px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.auth-social-btn:hover:not(:disabled){background-color:#f8f8f8;border-color:#1a1a1a}.auth-social-btn:active:not(:disabled){background-color:#f0f0f0}.auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{align-items:center;gap:10px;width:100%;margin:14px 0 8px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:#e0e0e0;flex:1;height:1px}.auth-divider span{color:#888;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:11px}.auth-toggle-container{z-index:1000;border-radius:20px;width:50%;height:100%;transition:all .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-container.active .auth-toggle-container{border-radius:20px;transform:translate(-100%)}.auth-toggle{color:#fff;background-color:#1a1a1a;width:200%;height:100%;transition:all .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-container.active .auth-toggle{transform:translate(50%)}.auth-toggle-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 40px;transition:all .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.auth-toggle-left{transform:translate(-200%)}.auth-container.active .auth-toggle-left{transform:translate(0)}.auth-toggle-right{right:0;transform:translate(0)}.auth-toggle-panel h1{color:#fff;margin-bottom:12px;font-size:26px;font-weight:700}.auth-toggle-panel p{color:#fffc;font-size:14px;line-height:20px}.auth-logo{object-fit:contain;border-radius:12px;width:60px;height:60px;margin-bottom:12px}.auth-toggle-panel .auth-logo{background-color:#fff;padding:8px}.auth-form-link{text-align:center;color:#555;margin-top:16px;font-size:13px}.auth-form-link button{color:#1a1a1a;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;margin:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.auth-form-link button:hover{color:#000}.auth-grid-2{grid-template-columns:1fr 1fr;gap:6px;width:100%;margin-bottom:6px;display:grid}@media (max-width:768px){.auth-container{min-height:100vh;box-shadow:none;border-radius:0}.auth-toggle-container{display:none}.auth-form-container{opacity:1;z-index:auto;width:100%;height:auto;position:relative;transform:none}.auth-sign-in{width:100%}.auth-sign-up{width:100%;display:none}.auth-container.active .auth-sign-in{display:none}.auth-container.active .auth-sign-up{display:block;transform:none}.auth-container form,.auth-sign-in form,.auth-form-scroll{padding:20px}.auth-form-center{margin-bottom:4px}.auth-form-center h1{font-size:18px}.auth-toggle-panel h1{font-size:20px}.auth-toggle-panel{padding:0 20px}.auth-logo{width:48px;height:48px}.auth-grid-2{grid-template-columns:1fr}.auth-social-btn{padding:10px 12px;font-size:12px}}