@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Popins,sans-serif}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background-size:100% 100%;background-repeat:no-repeat;background-position:center;background-attachment:fixed;overflow:hidden}.container{position:relative;width:850px;height:550px;background:#fff;border-radius:30px;box-shadow:0 0 30px #0003;overflow:hidden;opacity:.8}.form-box{position:absolute;width:50%;height:100%;right:0;background-color:#fff;display:flex;align-items:center;color:#333;text-align:center;padding:40px;z-index:1;transition:.6s ease-in-out 1.2s,visibility 0s 1s}.container.active .form-box{right:50%}form{width:100%}.container h1{font-size:36px;margin:-10px 0}.input-box{position:relative;margin:20px 0}.input-box input{width:100%;padding:13px 50px 13px 20px;background:#ebe3e3;border-radius:8px;border:none;outline:none;font-size:16px;color:#333;font-weight:500}.input-box input::-moz-placeholder{color:#888;font-weight:400}.input-box input::placeholder{color:#888;font-weight:400}.input-box i{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#888;font-size:20px}.forget-link{margin:-15px 0 15px}.forget-link a{font-size:14.5px;color:#333;text-decoration:none}.btn{width:100%;height:48px;background:#7494ec;border-radius:8px;box-shadow:0 0 10px #0000001a;border:none;cursor:pointer;font-size:16px;color:#111010;font-weight:600;color:#fff}.container p{font-size:14.5px;margin:15px 0}.social-icons a{display:inline-flex;padding:10px;border:2px solid #ccc;border-radius:8px;font-size:24px;color:#333;text-decoration:none;margin:0 8px;background:#06b8b7}.form-box.register{visibility:hidden}.container.active .form-box.register{visibility:visible}.toggle-box{position:absolute;width:100%;height:100%}.toggle-box:before{content:"";position:absolute;left:-250%;width:300%;height:100%;border-radius:150px;z-index:2;transition:1.8s ease-in-out}.container.active .toggle-box:before{left:50%}.toggle-panel{position:absolute;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;color:#0e0e0e;transition:.6s ease-in-out}.toggle-panel.toggle-left{left:0;transition-delay:1.2s}.container.active .toggle-panel.toggle-left{left:-50%;transition-delay:.6s}.toggle-panel.toggle-right{right:-50%;transition-delay:.6s}.container.active .toggle-panel.toggle-right{right:0;transition-delay:1.2s}.toggle-panel p{margin-bottom:20px}.toggle-panel .btn{width:160px;height:46px;background:#3abfdd;border:2px solid #fff;box-shadow:none}.toggle-panel.toggle-right{right:-50%}.social-icons{display:flex;justify-content:center;gap:5px}.logo{display:inline-block;max-width:100%;height:auto;vertical-align:middle;margin-bottom:10px}.container.container-verify{opacity:1}.container.container-verify .form-box{flex-direction:column;justify-content:center;align-items:stretch;padding:48px 40px}.container.container-verify .form-box>form{display:flex;flex-direction:column;width:100%}.container.container-verify .form-box h1{margin:0 0 8px;font-size:clamp(1.5rem,4vw,2rem);color:#2d3748}.container.container-verify .verify-lead{text-align:center;color:#718096;font-size:14.5px;line-height:1.5;max-width:320px;margin:0 auto 6px}.container.container-verify .verify-email{text-align:center;font-size:13px;color:#0a9d9c;font-weight:500;margin:0 0 22px;word-break:break-word}.container.container-verify .input-box{margin:12px 0 20px}.container.container-verify .input-box input[name=verification_code]{text-align:center;font-size:1.35rem;font-weight:600;letter-spacing:.4em;padding:14px 48px 14px 20px;min-height:54px;background:#f7f7f9;border:1px solid #e8e8ec}.container.container-verify .input-box input[name=verification_code]:focus{border-color:#06b8b7;box-shadow:0 0 0 3px #06b8b726;background:#fff}.container.container-verify .btn.btn-verify{background:#06b8b7!important;font-weight:600}.container.container-verify .btn.btn-verify:hover{filter:brightness(1.05)}.container.container-verify .verify-footer-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;margin-top:24px;padding-top:20px;border-top:1px solid #edf2f7;width:100%}.container.container-verify .verify-link-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#06b8b7;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:4px 0}.container.container-verify .verify-link-btn:hover{text-decoration:underline}.container.container-verify .verify-back-link{display:inline-flex;align-items:center;gap:6px;color:#06b8b7;font-size:14px;font-weight:500;text-decoration:none}.container.container-verify .verify-back-link:hover{text-decoration:underline}.container.container-verify .verify-actions-sep{color:#cbd5e0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container.container-verify .toggle-panel.toggle-left h2{margin:16px 0 8px;font-size:1.75rem;color:#2d3748}.container.container-verify .toggle-panel.toggle-left p{max-width:280px;margin-left:auto;margin-right:auto;color:#718096;line-height:1.5}@media screen and (max-width: 650px){.container{height:calc(100vh - 40px)}.form-box{bottom:0;width:100%;height:70%}.container.active .form-box{right:0;bottom:30%}.toggle-box:before{width:100%;height:300%;left:0;top:-270%;border-radius:20vw}.container.active .toggle-box:before{left:0;top:70%}.toggle-panel{width:100%;height:30%}.toggle-panel.toggle-left{margin-top:37px;top:0}.container.active .toggle-panel.toggle-left{left:0;top:-40%}.toggle-panel.toggle-right{right:0;bottom:-30%}.container.active .toggle-panel.toggle-right{bottom:15px}.form-box{padding:20px}}