.user-auth-page.auth-commercial{display:grid;grid-template-columns:minmax(440px,35.2%) minmax(0,1fr);align-items:stretch;justify-items:stretch;min-height:100svh;padding:0;background:#fff;color:#101125}.auth-commercial *{box-sizing:border-box}.auth-commercial button{font-family:inherit;cursor:pointer}.auth-commercial button:disabled{cursor:not-allowed}.auth-commercial button:focus-visible{outline:3px solid #b19aff;outline-offset:3px}.auth-form-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;min-width:0;padding:96px clamp(32px,3.8vw,70px) 30px clamp(32px,6.8vw,120px)}.auth-commercial .auth-home{top:28px;left:32px;min-height:36px;color:#85849d;font-size:13px;padding:5px 0}.auth-commercial .auth-polished-card{width:100%;max-width:400px;border:0;padding:0;border-radius:0;box-shadow:none;background:transparent}.auth-commercial .auth-brand{margin-bottom:46px}.auth-commercial .auth-brand .osl-brand-symbol{width:46px;height:46px}.auth-commercial .auth-brand .osl-brand-wordmark{font-size:25px}.auth-commercial .auth-brand .osl-brand-tagline{font-size:12px}.auth-commercial .auth-polished-card h1{font-size:34px;font-weight:730;line-height:1.4;letter-spacing:-.8px;margin:0 0 10px;color:#111223}.auth-commercial .auth-polished-card>p{color:#777c9a;font-size:16px;line-height:1.8;margin:0 0 26px}.auth-commercial .auth-methods{gap:4px;padding:4px;margin:0 0 28px;border-radius:11px;background:#f6f5fc}.auth-commercial .auth-methods button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:8px 4px;border:1px solid transparent;font-size:15px;white-space:nowrap;color:#767991}.auth-commercial .auth-methods button[aria-pressed=true]{color:#7345ff;background:#fcfaff;border-color:#e6ddff;box-shadow:0 0 0 2px #eee7ff,0 2px 5px #7956cf10}.auth-commercial .auth-polished-card form{gap:20px}.auth-commercial .auth-polished-card label{font-size:15px;font-weight:600;gap:9px;color:#22243a}.auth-commercial .auth-polished-card input{font-size:16px;line-height:1.5;min-height:50px;border:1px solid #dedfeb;border-radius:9px;background:#fff;color:#25233b}.auth-commercial input::placeholder{color:#9b9fb5;opacity:1}.auth-commercial .auth-input-wrap{display:flex;align-items:center;width:100%;border:1px solid #dee0ed;border-radius:9px;background:#fff;color:#8287a5;padding-left:15px;transition:border-color .15s,box-shadow .15s}.auth-commercial .auth-input-wrap:focus-within{border-color:#9976ff;box-shadow:0 0 0 3px #f3eeff}.auth-commercial .auth-input-wrap>svg{flex-shrink:0}.auth-commercial .auth-input-wrap input{min-width:0;border:0;box-shadow:none;padding:12px;background:transparent}.auth-commercial .auth-input-wrap input:focus{box-shadow:none}.auth-commercial .auth-password-toggle{display:grid;place-items:center;flex-shrink:0;width:46px;min-height:46px;padding:0;border:0;background:transparent;color:#7f82a0;border-radius:8px}.auth-commercial .auth-polished-card .forgot-link{justify-self:end;border:0;min-height:36px;margin-top:-10px;padding:4px 0;background:transparent;color:#7953ef;font-size:14px}.auth-commercial .auth-polished-card .auth-submit{min-height:52px;width:100%;border-radius:10px;border:1px solid #151524;background:linear-gradient(120deg,#10121f,#181828);color:#fff;font-size:16px;letter-spacing:.3px;font-weight:600;box-shadow:0 4px 10px #15132a0d;margin-top:-2px}.auth-commercial .auth-submit:hover:not(:disabled){background:#2b2544;box-shadow:0 5px 15px #3426531c}.auth-commercial .auth-switch{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;margin-top:26px;border:0;background:transparent;color:#7950e9;font-size:15px}.auth-commercial .auth-platform-switch{width:100%;justify-content:center;font-size:12px;min-height:36px;margin-top:8px;color:#9395a8}.auth-commercial .auth-polished-card>small{color:#8a8fa6;font-size:12px;margin-top:24px;line-height:1.7;text-align:center}.auth-commercial .auth-polished-card>small svg{color:#9398b0;flex-shrink:0}.auth-commercial .auth-column-footer{margin-top:48px;color:#a0a2b4;font-size:12px;line-height:1.8;text-align:center}.auth-commercial .auth-column-footer span{color:#8e92a9}.auth-commercial .el-hint{font-size:13px;background:#f8f6fd;color:#85829a;padding:11px 13px}.auth-commercial .external-login .el-phone input{border:0;min-width:0}.auth-commercial .external-login .el-phone{border-color:#dee0ed}.auth-commercial .el-code input{width:0;flex:1}.auth-commercial .el-code button{min-height:50px;font-size:14px}.auth-commercial .external-login label.el-consent{font-size:13px;font-weight:400}.auth-commercial .external-login .el-consent input[type=checkbox]{min-height:18px}.auth-commercial .auth-error,.auth-commercial .auth-notice{line-height:1.7;font-size:14px;overflow-wrap:anywhere}.auth-commercial .verification-label input{font-size:23px}.user-auth-page.auth-commercial>.auth-showcase{display:flex;flex-direction:column;align-self:stretch;position:relative;isolation:isolate;min-width:0;width:100%;max-width:none;min-height:960px;padding:76px clamp(40px,4.6vw,92px) 40px;overflow:hidden;background:radial-gradient(ellipse at 95% 24%,#dedaff 0,transparent 50%),radial-gradient(ellipse at 10% 70%,#eeeaff,transparent 60%),linear-gradient(135deg,#f6f8ff,#fcfbff 50%,#f2f0ff);color:#121226;border-radius:0;box-shadow:none}.auth-showcase .auth-showcase-copy{position:relative;z-index:2;max-width:650px}.user-auth-page .auth-showcase .auth-eyebrow{color:#7650ff;font-size:11px;letter-spacing:5px;font-weight:650}.user-auth-page .auth-showcase h2{margin:24px 0 17px;font-size:clamp(40px,3.95vw,64px);line-height:1.13;letter-spacing:-2px;font-weight:760;color:#090b1a}.auth-showcase h2 em{color:#7040fb;font-style:normal;white-space:nowrap}.user-auth-page .auth-showcase .auth-showcase-copy>p{font-size:17px;line-height:1.8;color:#727c9c;max-width:580px;margin:0}.auth-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:555px;gap:20px;margin-top:30px}.auth-benefits>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.auth-benefits svg{color:#8050ff;margin-bottom:5px}.auth-benefits strong{font-size:16px;font-weight:650;white-space:nowrap}.auth-benefits small{font-size:14px;color:#7c82a0;white-space:nowrap}.auth-handwriting{position:absolute;top:85px;right:6%;transform:rotate(-14deg);color:#8588b5;font-family:cursive;font-size:29px;font-style:italic;line-height:1.1;text-align:center;z-index:1}.auth-handwriting span{display:block;width:80px;height:8px;border-bottom:3px solid #9e83ff;border-radius:50%;transform:rotate(-10deg);margin-top:8px}.auth-brand-orbit{position:absolute;z-index:-1;right:-80px;top:220px;width:390px;height:390px;border-radius:50%;background:linear-gradient(140deg,#ffffff80,#fff0 65%);border-top:1px solid #ffffff99}.auth-showcase .auth-brand-orbit .osl-brand-symbol{position:absolute;top:60px;left:110px;width:130px;height:130px;max-width:none;opacity:.16}.auth-workspace-illustration{position:relative;z-index:1;width:100%;max-width:1000px;min-width:0;margin:36px 0 0;flex:none}.auth-demo-window{width:100%;padding:0 0 12px;background:#ffffffed;border:1px solid #e5dff5;border-radius:16px;overflow:hidden;transform:none;box-shadow:0 18px 48px -20px #8270c94d,0 2px 8px #8f80c70a}.auth-demo-top{display:flex;align-items:center;gap:28px;height:50px;padding:10px 18px;border-bottom:1px solid #efeafa}.auth-demo-brand{display:flex;align-items:center;gap:7px}.auth-demo-brand .osl-brand-symbol{width:26px;height:26px}.auth-demo-brand .osl-brand-wordmark{font-size:14px;letter-spacing:-.5px}.auth-demo-brand .osl-brand-tagline{font-size:7px}.user-auth-page .auth-showcase .auth-demo-top>span{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:0;text-transform:none;color:#a6a6be;background:#f7f6fd;padding:7px 10px;border-radius:8px;flex:1;font-weight:400}.auth-demo-top>i{width:19px;height:19px;border-radius:50%;background:#e9e1ff}.auth-demo-body{display:grid;grid-template-columns:140px minmax(0,1fr)}.auth-demo-nav{display:grid;align-content:start;gap:6px;padding:15px 12px;border-right:1px solid #efedf7}.auth-demo-nav>div{display:flex;align-items:center;gap:9px;padding:10px 8px;font-size:12px;color:#797990;white-space:nowrap;border-radius:6px}.auth-demo-nav .selected{background:#efe8ff;color:#7c4fff}.auth-demo-content{padding:20px;min-width:0}.auth-demo-content h3{font-size:20px;line-height:1.4;margin:0;color:#23233a}.user-auth-page .auth-showcase .auth-demo-content p{color:#9596b1;font-size:11px;margin:5px 0 14px;line-height:1.6}.auth-demo-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:12px 5px;border:1px solid #f0eef8;border-radius:10px;background:#fff}.auth-demo-stages>div{display:grid;justify-items:center;gap:9px;position:relative}.auth-demo-stages b{display:grid;place-items:center;font-size:8px;width:19px;height:19px;border-radius:50%;color:#fff;background:#b5a3ef}.auth-demo-stages>div:not(:last-child):after{content:"";position:absolute;top:9px;left:calc(50% + 14px);width:calc(100% - 20px);height:1px;background:#e5dcfc}.auth-demo-stages strong{font-size:10px;font-weight:500;color:#65617d;white-space:nowrap}.auth-demo-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.auth-demo-panels>div{border:1px solid #f0edf7;border-radius:9px;background:#fff;padding:12px;min-width:0}.auth-demo-panels h4{margin:0 0 12px;font-size:13px}.auth-demo-lesson{display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #f4f1fa;color:#9687c2}.user-auth-page .auth-showcase .auth-demo-lesson>span{font-size:10px;letter-spacing:0;font-weight:400;color:#79758f;flex:1}.auth-demo-project{display:flex;gap:9px;align-items:center}.auth-demo-project>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;color:#fff!important;background:linear-gradient(135deg,#be9aff,#7d70ff);border-radius:11px}.auth-demo-project strong{font-size:12px}.auth-demo-project p{margin:4px 0!important;font-size:9px!important}.auth-demo-pills{display:flex;gap:5px;margin:15px 0}.user-auth-page .auth-showcase .auth-demo-pills span{padding:3px 7px;color:#9e8cbe;background:#f5f0fd;border-radius:20px;font-size:9px;font-weight:400;letter-spacing:0}.auth-demo-panels small{display:flex;align-items:center;gap:5px;color:#a09ab1;font-size:9px}.user-auth-page .auth-showcase .auth-demo-caption{display:block;text-align:right;color:#a6a2bb;font-size:11px;letter-spacing:1px;font-weight:400;margin-top:15px}.auth-showcase-footer{display:flex;gap:40px;align-items:center;position:relative;z-index:2;margin-top:18px}.auth-showcase-footer>div{display:flex;flex-direction:column;gap:7px}.auth-showcase-footer strong{color:#8053ed;font-size:21px;font-weight:650}.auth-showcase-footer small{color:#8686a2;font-size:13px}.user-auth-page .auth-showcase .auth-showcase-footer p{margin:0 0 0 auto;font-size:13px;font-style:italic;color:#8c8ca6}.auth-commercial .auth-demo-brand .osl-brand-copy{text-transform:none;letter-spacing:normal}.auth-commercial .auth-showcase-footer{margin-top:30px}@media(min-width:1900px){.user-auth-page.auth-commercial>.auth-showcase{padding-top:100px}.auth-workspace-illustration{margin-top:44px}}@media(max-width:1200px){.user-auth-page.auth-commercial{grid-template-columns:420px minmax(0,1fr)}.auth-form-column{padding:86px 36px 26px}.user-auth-page.auth-commercial>.auth-showcase{padding:76px 32px 32px}.user-auth-page .auth-showcase h2{font-size:43px}.auth-handwriting{display:none}.auth-benefits{gap:12px}.auth-benefits small{font-size:12px;white-space:normal}.auth-demo-nav{display:none}.auth-demo-body{grid-template-columns:1fr}.auth-demo-content{padding:18px 14px}.auth-showcase-footer{gap:25px}.auth-showcase-footer p{display:none}}@media(max-width:960px){.user-auth-page.auth-commercial{grid-template-columns:1fr}.user-auth-page.auth-commercial>.auth-showcase{display:none}.auth-form-column{padding:88px 28px 30px;min-height:100svh;background:radial-gradient(ellipse at 100% 0,#f3edff,transparent 45%),#fff}.auth-commercial .auth-polished-card{max-width:410px}.auth-commercial .auth-brand{margin-bottom:32px}}@media(max-width:480px){.auth-form-column{padding:76px 24px 24px;justify-content:flex-start}.auth-commercial .auth-home{top:19px;left:24px}.auth-commercial .auth-polished-card h1{font-size:29px}.auth-commercial .auth-polished-card>p{font-size:15px}.auth-commercial .auth-methods button{font-size:14px;gap:6px}.auth-commercial .auth-column-footer{margin-top:auto;padding-top:24px}}@media(prefers-reduced-motion:reduce){.auth-commercial .auth-input-wrap{transition:none}}