*{box-sizing:border-box}body{margin:0;color:#242435;font-family:Inter,"Microsoft YaHei",sans-serif;background:#fafbfe;min-width:1000px}.login-layout{display:grid;grid-template-columns:52% 48%;min-height:100vh}.intro{padding:52px 64px;display:flex;flex-direction:column;position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 95%,#e5e3fa 0,transparent 55%),linear-gradient(125deg,#f0effc,#f8f8ff)}.intro:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #dcdaf3;border-radius:50%;right:-270px;top:25%;box-shadow:0 0 0 64px #eeedf980,0 0 0 128px #eeedf950}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#29263f;font-size:25px;font-weight:700;letter-spacing:2px}.mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#6254d9;color:white;font-size:27px;box-shadow:0 8px 24px #6254d922}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:#8b87a4}.intro-content{margin:auto 0;position:relative;z-index:1;padding:70px 0}.eyebrow{font-size:13px;letter-spacing:3px;color:#7d76a2;margin-bottom:27px}h1{font-size:clamp(36px,3.2vw,52px);line-height:1.55;font-weight:600;letter-spacing:1px;margin:0}h1 span{color:#7464d9}.intro-content p{font-size:16px;line-height:2;color:#8a879b;margin:24px 0 48px}.flow{display:flex;align-items:center;gap:17px;color:#77718f;font-size:12px}.flow span{padding:10px 15px;background:#ffffff90;border:1px solid #ffffff;border-radius:8px}.flow i{font-style:normal;color:#b0a9d3}footer{font-size:11px;color:#9a95ac;letter-spacing:1px}.form-panel{display:grid;place-items:center;background:white;padding:70px}.form-wrap{width:100%;max-width:370px}.welcome{font-size:10px;color:#8a82b5;letter-spacing:2.5px;font-weight:600}h2{font-size:28px;font-weight:600;letter-spacing:.5px;margin:18px 0 13px}.subtitle{font-size:13px;color:#9896a5;margin-bottom:42px}label{display:block;font-size:13px;color:#555266;margin:23px 0 10px}input{width:100%;height:49px;border:1px solid #e5e3ec;border-radius:8px;padding:0 15px;background:#fdfdff;color:#353146;font:14px inherit;outline:none}input:focus{border-color:#9184df;box-shadow:0 0 0 3px #7363d810}input::placeholder{color:#b3afbf;font-size:12px}.password-field{position:relative}.password-field input{padding-right:60px}.password-field button{position:absolute;right:12px;top:14px;background:none;border:0;color:#928ba6;font-size:12px;cursor:pointer}#login-error{min-height:41px;padding-top:12px;color:#b74960;font-size:12px}.submit{width:100%;height:49px;border:0;border-radius:8px;background:#6656d8;color:white;font-size:14px;cursor:pointer;box-shadow:0 6px 16px #6656d821;position:relative}.submit span{position:absolute;right:19px}.submit:hover{background:#5848c5}.submit:disabled{opacity:.65;cursor:wait}.note{text-align:center;color:#aaa6b5;font-size:11px;margin-top:27px}