*{box-sizing:border-box}body{margin:0;background:#fff;color:#242338;font-family:Arial,"Microsoft YaHei",sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a18bf0;outline-offset:3px}.page{min-height:100svh;display:flex;flex-direction:column}header,footer{width:100%;max-width:1512px;margin:auto;padding:28px 52px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px}.brand>i{position:relative;display:grid;place-items:center;width:42px;height:44px;background:#6245f3;border-radius:11px 11px 11px 2px;color:white;font-size:30px;font-weight:bold;font-style:normal}.brand i b{position:absolute;width:8px;height:8px;border-radius:3px;background:#98ead2;bottom:5px;right:-3px}.brand strong{font-size:25px;letter-spacing:-1px}.brand strong span{color:#6245f3}.back{color:#81748f;font-size:14px}.back span{margin-left:15px}.layout{width:calc(100% - 48px);max-width:1464px;margin:0 auto;flex:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:50px}.introduction{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:52px clamp(28px,4.5vw,72px) 34px;border:1px solid #eae2f5;border-radius:20px;background:radial-gradient(ellipse at 0 0,#f2eafa,transparent 65%),linear-gradient(155deg,#f6f2fb,#efebfa 80%,#eae9fb)}.intro-copy,.preview{width:100%;max-width:510px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:13px;color:#837095}.eyebrow i{width:6px;height:6px;background:#9974d0;border-radius:50%;box-shadow:0 0 0 4px #e9dff5}h1{font-size:clamp(38px,3.7vw,54px);line-height:1.4;letter-spacing:-.045em;margin:23px 0 19px}h1 span{color:#6245f3}.intro-text{color:#8a7b98;line-height:1.9;margin:0}.preview{margin:33px 0 0;transform:rotate(-1.5deg);background:#fff;border:1px solid #e8e1f5;border-radius:20px;overflow:hidden;box-shadow:0 15px 32px #5a438b14}.preview-head{display:flex;align-items:center;gap:12px;padding:19px;border-bottom:1px solid #eeebf4}.preview-head>i{font-style:normal;background:#f1ebff;color:#6c43ef;padding:5px 12px;border-radius:10px;font-size:25px}.preview-head small,.metrics small{display:block;color:#8c7e9e;font-size:12px}.preview-head>span{margin-left:auto;border:1px solid #eae2f9;border-radius:24px;padding:5px 10px;color:#8c7e9e;font-size:12px}.chart{padding:20px}.legend{display:flex;gap:12px;margin:15px 0;color:#8862e8;font-size:12px}.legend span:nth-child(2){color:#45b7a7}.legend span:nth-child(3){color:#9d9eac}.chart svg{display:block;width:100%;height:auto}.stages{display:flex;justify-content:space-between;font-size:12px;color:#9788a6}.metrics{display:flex;justify-content:space-between;margin-top:28px}.metrics>span{padding:0 15px;border-left:1px solid #f0edf7}.metrics>span:first-child{padding-left:0;border:0}.metrics b{font-size:25px;color:#5236a2}.preview-foot{display:flex;justify-content:space-between;background:#f8f5fc;padding:15px 19px;font-size:12px;color:#8c7e9e}.intro-foot{display:flex;gap:18px;margin-top:27px;color:#9183a3;font-size:12px}.login-area{align-self:center;padding:45px clamp(20px,4vw,62px)}.card{max-width:430px;margin:auto}.welcome-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid #e7e0f5;border-radius:14px;background:#f8f5fe;color:#8064c8;font-size:30px;margin-bottom:24px}.card-label{font-size:13px;color:#9a8baf;letter-spacing:1px;margin:0}h2{font-size:34px;line-height:1.5;letter-spacing:-.04em;margin:8px 0 25px}label{display:block;color:#51485f;font-size:14px;font-weight:600;margin:20px 0 0}input{display:block;width:100%;height:52px;border:1px solid #ded7e9;border-radius:9px;padding:12px 15px;margin-top:8px;color:#282238;background:#fff;font-size:15px}input::placeholder{color:#aca2b8;font-weight:400}.password-field{display:block;position:relative}.password-field input{padding-right:70px}.show-password{position:absolute;right:8px;top:7px;height:38px;border:0;background:transparent;color:#8063bf;font-size:13px;padding:0 10px;cursor:pointer}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center;margin-top:8px}.captcha-row input{margin:0}.captcha-image{width:150px;height:52px;padding:0;display:grid;place-items:center;border:1px solid #e6ddf3;border-radius:9px;overflow:hidden;cursor:pointer;background:#f4f0ff}.captcha-image img{width:150px;height:52px;object-fit:contain}.captcha-hint{font-size:12px;color:#9a8baf;line-height:1.8;margin:9px 0 24px}.primary-button,input[type=submit],#kc-form-buttons input{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:10px;background:#6245f3;color:#fff;font-size:16px;font-weight:600;padding:13px 20px;cursor:pointer}.primary-button:hover{background:#5034d6}.primary-button>span{margin-left:auto}.support{margin-top:26px;padding-top:22px;border-top:1px solid #ede8f4;color:#a194ad;font-size:12px;line-height:1.9}.message{padding:12px 15px;border-radius:9px;margin:0 0 15px;background:#f5f2ff;color:#6e559b;font-size:14px}.message.error{background:#fff2f3;border:1px solid #f1d4d8;color:#a63b4c}.message.success{background:#eef9f5;color:#2b826b}footer{font-size:12px;color:#a298ac}#kc-form-options{margin-top:15px}#kc-form-buttons{margin-top:20px}.info{font-size:13px;color:#8a7b98}
@media(min-width:1700px){.layout{max-height:900px}.page{justify-content:center}header,footer{flex:0;margin-inline:auto;margin-block:0}.introduction{padding-block:55px}}@media(max-width:1100px){.layout{gap:16px}.introduction,.login-area{padding:35px 25px}h1{font-size:40px}h2{font-size:30px}.preview-head{padding:14px}.preview-head>span{display:none}}@media(max-width:800px){header{padding:24px}.layout{grid-template-columns:1fr;gap:30px}.login-area{grid-row:1;padding:25px 12px 8px}.card{max-width:440px}.introduction{padding:32px}.intro-copy h1{font-size:34px}.preview{transform:none}footer{padding:25px 24px;align-items:flex-start;flex-direction:column;gap:8px}}@media(max-width:450px){header{padding:22px 20px;gap:12px}.brand strong{font-size:22px}.brand>i{width:37px;height:39px;font-size:26px}.back{font-size:12px}.back span{margin-left:5px}.layout{width:calc(100% - 32px)}.login-area{padding-inline:10px}h2{font-size:29px}.captcha-row{grid-template-columns:minmax(0,1fr) 125px;gap:8px}.captcha-image,.captcha-image img{width:125px}.introduction{padding:24px 16px}.preview-head{gap:8px}.preview-head b{font-size:14px}.chart{padding:16px}.legend{gap:8px;font-size:11px}.preview-foot{gap:6px;font-size:10px}.metrics>span{padding-inline:8px}.metrics small{font-size:11px}}

input[hidden]{display:none}.password-help{color:#8a7b98;font-size:14px;line-height:1.8}.password-submit{margin-top:28px}
.account-switch-hint{font-size:13px;line-height:1.8;color:#8a7b98;margin:10px 0 6px}.account-switch{display:inline-block;color:#6245f3;font-size:14px;font-weight:600;padding:4px 0}.account-switch:hover{text-decoration:underline}input[readonly]{background:#f8f6fc;color:#6e617c}