.auth-page-wrapper{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 15%,#0f172a 0,#080d1a 60%,#020617 100%);padding:1.5rem 1rem;overflow:hidden;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none}.auth-page-wrapper:before{content:"";inset:0;background-image:radial-gradient(rgba(59,130,246,.12) 1px,transparent 0),radial-gradient(rgba(56,189,248,.08) 1px,transparent 0);background-size:32px 32px,64px 64px;background-position:0 0,16px 16px}.auth-page-wrapper:before,.math-watermark{position:absolute;pointer-events:none;z-index:0}.math-watermark{font-family:JetBrains Mono,monospace;color:hsla(0,0%,100%,.035);font-weight:800;-webkit-user-select:none;-moz-user-select:none;user-select:none}.math-1{top:8%;left:6%;font-size:2rem;transform:rotate(-6deg)}.math-2{bottom:8%;right:6%;font-size:2.2rem;transform:rotate(8deg)}.math-3{top:60%;left:4%;font-size:1.6rem;transform:rotate(-4deg)}.math-4{top:12%;right:8%;font-size:1.8rem;transform:rotate(5deg)}.auth-wrapper{position:relative;width:940px;max-width:100%;height:600px;background:#090e1a;border:2px solid rgba(59,130,246,.5);border-radius:28px;box-shadow:0 25px 60px -15px rgba(0,0,0,.85),0 0 50px -10px rgba(37,99,235,.35);overflow:hidden;z-index:1}.auth-wrapper .form-box{position:absolute;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:5}.auth-wrapper .form-box.login{left:0;padding:0 42px}.auth-wrapper .form-box.register{right:0;padding:0 42px;pointer-events:none}.auth-wrapper.active .form-box.register{pointer-events:auto}.auth-wrapper.active .form-box.login{pointer-events:none}.form-box h2{font-size:23px;color:#fff;text-align:center;font-weight:800;letter-spacing:-.5px;margin-bottom:2px}.form-box .subtitle{font-size:11.5px;color:#94a3b8;text-align:center;margin-bottom:14px;font-weight:600}.form-box .input-box{position:relative;width:100%;height:46px;margin:10px 0}.input-box input{width:100%;height:100%;background:rgba(15,23,42,.75);border:1.5px solid hsla(0,0%,100%,.14);outline:none;border-radius:14px;font-size:13px;color:#fff;font-weight:600;padding:0 42px 0 16px;transition:all .3s ease}.input-box input:focus,.input-box input:valid{border-color:#38bdf8;background:rgba(15,23,42,.95);box-shadow:0 0 16px rgba(56,189,248,.25)}.input-box label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:12px;color:#94a3b8;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600}.input-box input:focus~label,.input-box input:valid~label{top:-8px;left:12px;font-size:10px;font-weight:800;background:#090e1a;padding:0 6px;color:#38bdf8;border-radius:4px}.input-box .input-icon-right{color:#64748b;transition:color .3s ease}.input-box .input-icon-btn,.input-box .input-icon-right{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-box .input-icon-btn{background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:3}.input-box .input-icon-btn .input-icon-right{position:static;transform:none;right:auto;top:auto}.input-box input:focus~.input-icon-btn .input-icon-right,.input-box input:focus~.input-icon-right,.input-box input:valid~.input-icon-btn .input-icon-right,.input-box input:valid~.input-icon-right{color:#38bdf8}.btn-auth{position:relative;width:100%;height:44px;background:linear-gradient(135deg,#2563eb,#1d4ed8 50%,#4f46e5);border:none;outline:none;border-radius:14px;box-shadow:0 6px 20px rgba(37,99,235,.4);cursor:pointer;font-size:12.5px;color:#fff;font-weight:800;letter-spacing:.2px;overflow:hidden;z-index:1;transition:all .25s cubic-bezier(.4,0,.2,1);margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-auth:hover{transform:translateY(-1.5px);box-shadow:0 8px 25px rgba(37,99,235,.6);background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#6366f1)}.btn-auth:active{transform:translateY(0)}.btn-auth:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-google-auth{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#1e293b;font-size:12px;font-weight:700;padding:9px 16px;border-radius:14px;border:1px solid #e2e8f0;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:all .2s ease;white-space:nowrap}.btn-google-auth:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-google-auth:active{transform:translateY(0)}.form-box .linkTxt{font-size:11.5px;color:#94a3b8;text-align:center;margin:10px 0 0;font-weight:500}.form-box .linkTxt p a{color:#38bdf8;text-decoration:none;font-weight:700;margin-left:4px;transition:color .2s ease;cursor:pointer}.form-box .linkTxt p a:hover{text-decoration:underline;color:#7dd3fc}.auth-wrapper .info-text{position:absolute;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:32px 30px;z-index:4}.auth-wrapper .info-text.login{right:0;text-align:left;padding-left:105px;padding-right:28px}.auth-wrapper .info-text.register{left:0;text-align:left;padding-right:105px;padding-left:28px;pointer-events:none}.auth-wrapper.active .info-text.register{pointer-events:auto}.info-text-header{max-width:320px;width:100%}.info-text-header h2{font-size:24px;color:#fff;line-height:1.18;text-transform:uppercase;font-weight:900;letter-spacing:-.5px;margin-bottom:5px}.info-text-header h2 span{color:#38bdf8;display:block}.info-text-header p{font-size:11.5px;color:#cbd5e1;line-height:1.45;font-weight:500}.info-features-stack{display:flex;flex-direction:column;gap:9px;margin:12px 0;max-width:320px;width:100%}.info-feature-card{display:flex;align-items:center;gap:10px;background:rgba(15,23,42,.65);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;padding:8px 11px;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:all .25s ease;width:100%}.info-feature-card:hover{background:rgba(15,23,42,.85);border-color:rgba(56,189,248,.4);transform:translateX(3px)}.info-feature-icon{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-feature-text{min-width:0;flex:1}.info-feature-text h4{font-size:11.5px;font-weight:800;color:#fff;margin-bottom:1px;line-height:1.2}.info-feature-text h4,.info-feature-text p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-feature-text p{font-size:10px;color:#94a3b8;line-height:1.35;font-weight:500}.info-trust-footer{display:flex;align-items:center;gap:8px;padding:7px 11px;background:rgba(15,23,42,.55);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;font-size:10.5px;color:#94a3b8;font-weight:600;max-width:320px;width:100%;white-space:nowrap}.auth-wrapper .bg-animate{position:absolute;top:-10px;right:0;width:1050px;height:750px;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#2563eb);border-bottom:3px solid #38bdf8;transform:rotate(7deg) skewY(26deg);transform-origin:bottom right;transition:1.3s cubic-bezier(.77,0,.175,1);transition-delay:1.1s;z-index:2}.auth-wrapper.active .bg-animate{transform:rotate(0) skewY(0);transition-delay:.35s}.auth-wrapper .bg-animate2{position:absolute;top:100%;left:310px;width:1050px;height:820px;background:#090e1a;border-top:3px solid #2563eb;transform:rotate(0) skewY(0);transform-origin:bottom left;transition:1.3s cubic-bezier(.77,0,.175,1);transition-delay:.35s;z-index:3}.auth-wrapper.active .bg-animate2{transform:rotate(-7deg) skewY(-26deg);transition-delay:1.1s}.form-box .animation{transform:translateX(0);opacity:1;filter:blur(0);transition:.6s cubic-bezier(.4,0,.2,1);transition-delay:calc(.06s * var(--j))}.auth-wrapper.active .form-box.login .animation{transform:translateX(-120%);opacity:0;filter:blur(8px);transition-delay:calc(.06s * var(--i))}.form-box.register .animation{transform:translateX(120%);opacity:0;filter:blur(8px);transition:.6s cubic-bezier(.4,0,.2,1);transition-delay:calc(.06s * var(--i))}.auth-wrapper.active .form-box.register .animation{transform:translateX(0);opacity:1;filter:blur(0);transition-delay:calc(.06s * var(--j))}.info-text .animation{transform:translateX(0);opacity:1;filter:blur(0);transition:.6s cubic-bezier(.4,0,.2,1);transition-delay:calc(.06s * var(--j))}.auth-wrapper.active .info-text.login .animation{transform:translateX(120%);opacity:0;filter:blur(8px);transition-delay:calc(.06s * var(--i))}.info-text.register .animation{transform:translateX(-120%);opacity:0;filter:blur(8px);transition:.6s cubic-bezier(.4,0,.2,1);transition-delay:calc(.06s * var(--i))}.auth-wrapper.active .info-text.register .animation{transform:translateX(0);opacity:1;filter:blur(0);transition-delay:calc(.06s * var(--j))}@media (max-width:880px){.auth-wrapper{width:100%;height:auto;min-height:610px;border-radius:24px;padding:24px 0}.auth-wrapper .info-text{display:none}.auth-wrapper .form-box{position:relative;width:100%;height:auto;padding:10px 22px!important}.auth-wrapper .form-box.register{position:absolute;top:24px;left:0;width:100%}.auth-wrapper .bg-animate,.auth-wrapper .bg-animate2,.auth-wrapper.active .form-box.login{display:none}.auth-wrapper.active .form-box.register{position:relative;top:0;display:flex;transform:none}}