.login-container{display:flex;height:100vh;background:#fff}.brandside{flex:1.1 1;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 88%,rgba(114,46,209,.35) 0,transparent 42%),radial-gradient(circle at 88% 12%,rgba(22,93,255,.32) 0,transparent 45%),radial-gradient(circle at 60% 60%,rgba(15,198,194,.18) 0,transparent 40%),linear-gradient(135deg,#f5f7ff,#eef2ff);color:#1d2129;display:flex;flex-direction:column;justify-content:center;padding:0 8%}.logo{font-size:24px;font-weight:700;color:#165dff;margin-bottom:40px;display:flex;gap:10px}.brand-pill,.logo{z-index:1;align-items:center}.brand-pill{display:inline-flex;gap:6px;align-self:flex-start;padding:6px 16px;border-radius:999px;background:linear-gradient(90deg,#ff7d00,#f7ba1e);color:#fff;font-size:13px;font-weight:600;margin-bottom:24px;box-shadow:0 4px 12px rgba(255,125,0,.25)}.slogan{font-size:42px;font-weight:800;line-height:1.25;margin-bottom:20px;z-index:1;color:#1d2129}.slogan .hl{background:linear-gradient(90deg,#165dff,#722ed1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.desc{font-size:16px;color:#4e5969;line-height:1.7;margin-bottom:40px;max-width:440px;z-index:1}.features{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px 32px;gap:18px 32px;z-index:1;margin-bottom:36px}.feature-item{display:flex;align-items:center;gap:10px;font-size:15px;color:#4e5969}.feature-item .icon{width:22px;height:22px;border-radius:50%;background:#e8ffea;color:#00b42a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.social-proof{display:flex;align-items:center;gap:12px;z-index:1;font-size:14px;color:#86909c}.avatars{display:flex}.avatars span{width:32px;height:32px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:15px;margin-left:-8px;background:#f2f3f5}.avatars span:first-child{margin-left:0}.social-proof b{color:#165dff;font-weight:700}.loginside{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}.loginbox{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:44px 40px;box-shadow:0 12px 40px rgba(22,93,255,.08);border:1px solid #f2f3f5}.welcome{font-size:26px;font-weight:700;color:#1d2129;margin-bottom:8px}.subtitle{font-size:14px;color:#86909c;margin-bottom:28px}.tabs{display:flex;gap:24px;border-bottom:1px solid #f2f3f5;margin-bottom:24px}.tab{padding:10px 4px;font-size:15px;font-weight:600;color:#86909c;cursor:pointer;position:relative;transition:color .2s}.tab.on{color:#165dff}.tab.on:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#165dff,#722ed1)}.pane{display:none}.pane.on{display:block}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:#4e5969;margin-bottom:8px}.field-wrap{position:relative;display:flex;align-items:center}.field-wrap .fic{position:absolute;left:14px;font-size:16px;color:#c9cdd4;pointer-events:none}.field{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid #e5e6eb;border-radius:10px;font-size:14px;background:#f7f8fa;transition:all .2s;box-sizing:border-box}.field:focus{outline:none;border-color:#165dff;background:#fff;box-shadow:0 0 0 3px rgba(22,93,255,.08)}.lbtn{width:100%;height:46px;background:linear-gradient(90deg,#165dff,#722ed1);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s;box-shadow:0 6px 16px rgba(22,93,255,.25)}.lbtn:hover{opacity:.92;transform:translateY(-1px)}.lbtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.lfoot{text-align:center;font-size:13px;color:#86909c;margin-top:20px}.lfoot a{color:#165dff;font-weight:600;text-decoration:none}.qr{text-align:center}.qrbox{width:200px;height:200px;margin:0 auto 24px;border-radius:12px;border:1px solid #e5e6eb;background:#fff;display:flex;align-items:center;justify-content:center}.grid{width:160px;height:160px;background:repeating-linear-gradient(0deg,#e5e6eb,#e5e6eb 10px,transparent 0,transparent 20px),repeating-linear-gradient(90deg,#e5e6eb,#e5e6eb 10px,transparent 0,transparent 20px)}.tip{font-size:14px;color:#86909c}.tip b{color:#165dff;font-weight:600}@media (max-width:900px){.brandside{display:none}.loginside{flex:1 1}}