@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}.page{color:#1b4cd3;background:#fff;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2px;font-family:Poppins,sans-serif;display:flex}h1{color:#fff;margin:0;font-size:28px;font-weight:700}h2{text-align:center;text-shadow:2px 2px 4px #1b4cd3(136, 37, 202, .927);color:#fff;margin-bottom:20px;font-size:32px}p{letter-spacing:.5px;margin:20px 0 30px;font-size:15px;font-weight:300;line-height:24px}span{color:#fff;font-size:13px}a{color:#fff;margin:15px 0;font-size:14px;text-decoration:none;transition:color .3s}a:hover{color:#1b4cd3}button{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#1b4cd3 100%);border:none;border-radius:25px;padding:14px 50px;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea66}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}button:active{transform:translateY(0)}button:focus{outline:none}button.transparent-btn{box-shadow:none;background:0 0;border:2px solid #fff}button.transparent-btn:hover{background:#ffffff1a}form{text-align:center;background-color:#656981;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px;display:flex}input{background-color:#f3f4f6;border:2px solid #0000;border-radius:12px;width:100%;margin:8px 0;padding:14px 18px;font-size:14px;transition:all .3s}input:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.auth-wrapper{background-color:#fff;border-radius:20px;width:850px;max-width:100%;min-height:550px;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.auth-form-box{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.login-form-box{z-index:2;width:50%;left:0}.auth-wrapper.panel-active .login-form-box{transform:translate(100%)}.register-form-box{opacity:0;z-index:1;width:50%;left:0}.auth-wrapper.panel-active .register-form-box{opacity:1;z-index:5;animation:.6s show;transform:translate(100%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.slide-panel-wrapper{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-wrapper.panel-active .slide-panel-wrapper{transform:translate(-100%)}.slide-panel{color:#fff;background:linear-gradient(135deg,#667eea 0%,#1b4cd3 100%) 50%/cover;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-wrapper.panel-active .slide-panel{transform:translate(50%)}.panel-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 50px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.panel-content-left{transform:translate(-20%)}.auth-wrapper.panel-active .panel-content-left{transform:translate(0)}.panel-content-right{right:0;transform:translate(0)}.auth-wrapper.panel-active .panel-content-right{transform:translate(20%)}.social-links{margin:25px 0}.social-links a{color:#667eea;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 8px;transition:all .3s;display:inline-flex}.social-links a:hover{color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-3px);box-shadow:0 5px 15px #667eea66}.mobile-switch{display:none}@media (max-width:768px){.page{padding:10px}.auth-wrapper{border-radius:15px;width:100%;max-width:100%;min-height:auto}.auth-form-box{opacity:1!important;width:100%!important;position:static!important;transform:none!important}.login-form-box,.register-form-box{opacity:1!important;z-index:1!important;width:100%!important;position:static!important;left:0!important;transform:none!important}.register-form-box,.auth-wrapper.panel-active .login-form-box{display:none}.auth-wrapper.panel-active .register-form-box{display:block}.slide-panel-wrapper{display:none!important}form{height:auto;padding:30px 25px;position:static}h2{margin-bottom:15px;font-size:22px}h1{margin-bottom:10px;font-size:22px}input{padding:12px 15px;font-size:14px}button{padding:12px 40px;font-size:12px}.social-links a{width:40px;height:40px;margin:0 5px}.mobile-switch{color:#667eea;margin-top:20px;font-size:14px;display:block}.mobile-switch p{margin:10px 0;font-size:14px}.mobile-switch button{color:#667eea;box-shadow:none;background:0 0;border:2px solid #667eea;margin-top:10px;padding:10px 30px}.mobile-switch button:hover{color:#fff;background:#667eea}.made-by{color:#1b4cd3;text-align:center;margin-top:30px;font-family:Poppins,sans-serif;font-size:13px}.made-by span{color:#1b4cd3;font-weight:700}.made-by:hover{color:#1b4cd3}}