:root{--purple:#6b54d9;--ink:#26324c;--muted:#8590a4;--line:#e7e9f2;--bg:#f7f8fd}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #b2a5f6}button:disabled{opacity:.5;cursor:not-allowed}.preview-bar{color:#77659c;background:#ece9fa;justify-content:space-between;align-items:center;height:32px;padding:0 48px;font-size:11px;display:flex}.preview-bar i{background:#9e8bdf;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.preview-bar button{font-size:11px}header{justify-content:space-between;align-items:center;max-width:1536px;height:94px;margin:auto;padding:0 64px;display:flex}.brand{color:#4d72d5;align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{object-fit:contain;width:49px;height:49px}.brand>span{letter-spacing:1px;font-size:24px;font-weight:700}.brand small{letter-spacing:2px;color:#919dbb;font-size:8px;font-weight:500;display:block}.brand>b{color:#7c65cc;background:#ebe7fa;border:1px solid #ded5fb;border-radius:5px;align-self:flex-start;margin-top:9px;padding:1px 6px;font-size:11px}.header-right{color:#8290a4;align-items:center;gap:24px;font-size:12px;display:flex}.avatar{color:#8671d2;background:#ece9fb;border-radius:11px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.security{font-size:12px}main{grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);align-items:center;gap:90px;max-width:1336px;min-height:650px;margin:25px auto 48px;padding:0 48px;display:grid}.eyebrow{color:#8a79c3;letter-spacing:2px;margin-bottom:20px;font-size:11px;font-weight:650}.eyebrow>span{vertical-align:middle;margin-right:9px;font-size:20px}h1{letter-spacing:-1.5px;margin:0 0 22px;font-size:54px;font-weight:700;line-height:1.25}h1 span{color:#0000;background:linear-gradient(100deg,#488bda,#8c5fd9);-webkit-background-clip:text;background-clip:text}.intro{color:#8590a6;margin-bottom:24px;font-size:14px;line-height:1.9}.feature-pills{gap:10px;margin-bottom:26px;display:flex}.feature-pills span{color:#7e75a5;background:#fff;border:1px solid #e6e5f3;border-radius:7px;padding:6px 12px;font-size:11px}.canvas{background:linear-gradient(145deg,#eceefa,#f2edfa);border:1px solid #e3e4f0;border-radius:14px;padding:0 12px 12px;position:relative;box-shadow:0 20px 55px -35px #8b82bf}.canvas-top{color:#a6a2be;justify-content:space-between;align-items:center;height:35px;padding:0 3px;font-size:10px;display:flex}.canvas-top i{background:#d7d3e9;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.canvas-inner{padding:8px 10px 0}.script-card{background:#ffffffed;border:1px solid #eceaf5;border-radius:9px;padding:17px 20px 12px}.tiny-label{letter-spacing:1.5px;color:#b3a3df;justify-content:space-between;align-items:center;font-size:8px;display:flex}.tiny-label span{color:#6fa189;letter-spacing:0;background:#eaf7f0;border-radius:4px;padding:2px 7px;font-size:9px}.script-card h3{margin:10px 0 12px;font-size:15px}.script-line{border-top:1px solid #f1f0f7;align-items:center;gap:11px;padding:9px 0;display:flex}.script-line>b{color:#b2a6d7;align-self:flex-start;padding-top:2px;font-size:10px}.script-line strong{color:#778197;font-size:10px;font-weight:500}.script-line p{color:#afb4c3;margin:1px 0;font-size:9px}.script-line em{color:#b4bbcc;margin-left:auto;font-size:9px;font-style:normal}.script-footer{color:#a199b6;gap:6px;margin-top:10px;font-size:8px;display:flex}.script-footer span{background:#f5f3fc;border-radius:3px;padding:2px 5px}.script-footer b{margin-left:auto;font-weight:400}.review-card{align-items:center;gap:12px;padding:14px 8px 5px;display:flex}.review-symbol{color:#6eae9b;background:#e4f4ee;border-radius:9px;place-items:center;width:34px;height:34px;font-size:16px;display:grid}.review-card small{letter-spacing:1.2px;color:#8ea999;font-size:7px}.review-card h4{color:#7d829a;margin:1px 0;font-size:11px;font-weight:500}.review-card p{color:#a5a6b8;margin:0;font-size:9px}.review-card>span{color:#9a91b7;margin-left:auto;font-size:8px}.story-bottom{color:#a0a5b9;align-items:center;gap:24px;margin-top:20px;font-size:10px;display:flex}.story-bottom b{color:#7e76aa;font-size:14px;font-weight:600}.story-bottom small{color:#a6adba;margin-left:auto;font-size:9px}.auth-zone{align-self:center}.auth-card{background:#fff;border:1px solid #e8e7f3;border-radius:20px;padding:34px 34px 24px;box-shadow:0 12px 40px -25px #8c81ba}.card-kicker{color:#a69bc4;letter-spacing:1px;margin-bottom:8px;font-size:10px}h2{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:650}.auth-sub{color:#929aad;margin:8px 0 25px;font-size:12px}.tabs{background:#f5f4fa;border-radius:9px;margin-bottom:23px;padding:4px;display:flex}.tabs button{color:#9392a6;border-radius:6px;flex:1;padding:7px;font-size:12px}.tabs button[aria-selected=true]{color:var(--purple);background:#fff;font-weight:600;box-shadow:0 1px 5px #dcd7ee}form label.field{color:#566078;margin-bottom:16px;font-size:12px;display:block}input:not([type=checkbox]){width:100%;height:43px;color:var(--ink);background:#fcfcff;border:1px solid #e1e4ef;border-radius:8px;outline:none;margin-top:7px;padding:0 12px;font-size:12px}input::placeholder{color:#b4bac9;font-size:11px}input:focus{border-color:#a392e8;box-shadow:0 0 0 3px #f1edfc}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.eye{color:#9da2b2;font-size:12px;position:absolute;top:18px;right:12px}.remember{color:#9296a8;align-items:center;gap:7px;margin:0 0 20px;font-size:10px;display:flex}.remember input{accent-color:var(--purple)}.primary{color:#fff;background:linear-gradient(100deg,#6671db,#7657d3);border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;height:44px;font-size:12px;font-weight:550;display:flex;box-shadow:0 5px 10px #7660ce19}.primary span{margin-left:255px;font-size:17px;position:absolute}.signup{text-align:center;color:#a0a6b5;margin:20px 0;font-size:11px}.signup button{color:#7a66c1;padding:0 0 0 4px;font-size:11px}.other{color:#bec1cd;align-items:center;gap:12px;margin:18px 0 13px;display:flex}.other span{background:#eeedf4;flex:1;height:1px}.other small{font-size:9px}.bind{color:#8e80b5;border:1px solid #eceaf4;border-radius:8px;width:100%;padding:11px 10px;font-size:11px}.bind span{color:#b2adbf;margin-left:14px;font-size:9px}.consent-footer{color:#b0b3c2;text-align:center;margin:21px 0 0;font-size:9px;line-height:1.9}.consent-footer button{color:#8b80ad;padding:0;font-size:9px}.safe-note{text-align:center;color:#aaaebd;margin:8px 0 0;font-size:9px}.scope-note{color:#b1b4c4;text-align:center;margin:16px 0;font-size:10px}footer{color:#a9adbb;border-top:1px solid #edeef5;justify-content:space-between;max-width:1408px;margin:auto;padding:20px 48px;font-size:9px;display:flex}footer div{gap:20px;display:flex}footer button{color:#a9adbb;padding:0;font-size:9px}#progress{color:#b3adc3;align-items:center;gap:8px;margin:18px 0;font-size:10px;display:flex}#progress[hidden]{display:none}#progress .active{color:#7f68c6}#progress i{background:#e9e3f5;flex:1;height:1px}.human{background:#f8f6fd;border:1px solid #eee9fa;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:11px;display:flex}.human>div{flex:1}.human b{color:#9283b6;font-size:11px;font-weight:500}.human p{color:#b0a6c1;margin:1px 0;font-size:9px}.human button{color:#8c77c4;border:1px solid #d9d0f3;border-radius:5px;padding:5px 8px;font-size:10px}.code-row{gap:9px;display:flex}.code-row input{min-width:0}.code-row button{white-space:nowrap;color:#8a75c5;background:#f9f7fe;border:1px solid #e1d9f4;border-radius:7px;margin-top:7px;padding:0 10px;font-size:10px}.notice,.check{color:#a49bb9;margin:12px 0;font-size:10px;line-height:1.8}.check{align-items:flex-start;gap:6px;display:flex}.check input{accent-color:#7b62d0;margin-top:4px}.check button{color:#8a76bf;padding:0;font-size:10px}#status{color:#759c8a;background:#f1f8f5;border-radius:6px;margin:12px 0;padding:8px;font-size:10px}dialog{width:90%;max-width:460px;color:var(--ink);border:1px solid #e5e0f4;border-radius:16px;padding:22px;box-shadow:0 20px 80px #30235133}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#27334c55}.dialog-head{justify-content:space-between;align-items:center;display:flex}.dialog-head h3{margin:0;font-size:18px}.dialog-head button{color:#a49bb9;font-size:24px}#modal-body{color:#8990a6;margin:16px 0;font-size:12px;line-height:1.9}#modal-body a{color:#7f68c6}.secondary{color:#8973c3;border:1px solid #e1d9f3;border-radius:7px;margin-left:auto;padding:7px 20px;font-size:11px;display:block}[hidden]{display:none!important}@media (width>=1600px){main{margin-top:55px}}@media (width<=1100px){main{gap:45px;padding:0 35px}header{padding:0 35px}.story h1{font-size:46px}.auth-card{padding:28px}.story-bottom{gap:12px}.script-card{padding:15px}.intro{font-size:12px}.security{display:none}}@media (width<=850px){header{height:80px;padding:0 24px}.preview-bar{padding:0 20px}main{max-width:500px;min-height:0;margin-top:20px;padding:0 20px;display:block}.story{display:none}.auth-card{padding:30px 26px}.brand>span{font-size:20px}.brand img{width:40px;height:40px}.header-right{gap:15px}.header-right>button{display:none}footer{text-align:center;padding:18px;display:block}footer div{justify-content:center;gap:12px;margin-top:6px}.primary span{margin-left:0;position:static}.auth-sub{line-height:1.8}.scope-note{margin-bottom:25px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.phone-login form{flex-direction:column;gap:0;display:flex}.phone-login .field input{display:block}.phone-login .phone-code{gap:9px;display:flex}.phone-code input{flex:1;min-width:0}.phone-code button{white-space:nowrap;color:#8a75c5;background:#f9f7fe;border:1px solid #e1d9f4;border-radius:7px;margin-top:7px;padding:0 10px;font-size:11px}.phone-human{background:#f8f6fd;border:1px solid #eee9fa;border-radius:8px;align-items:center;gap:10px;margin-bottom:15px;padding:11px;display:flex}.phone-human>div{flex:1}.phone-human strong{color:#8270ab;font-size:11px;font-weight:500}.phone-human small{color:#9790aa;margin-top:2px;font-size:10px;line-height:1.7;display:block}.phone-human button{color:#8066bd;white-space:nowrap;border:1px solid #d9d0f3;border-radius:5px;padding:6px 9px;font-size:11px}.phone-consent{color:#8e859f;align-items:flex-start;gap:6px;margin-bottom:16px;font-size:11px;line-height:1.9;display:flex}.phone-consent input{accent-color:#7b62d0;flex:none;margin-top:5px}.phone-consent a,.consent-footer a{color:#8a76bf;text-decoration:none}.registration-steps{color:#b3adc3;align-items:center;gap:8px;margin:20px 0;font-size:11px;display:flex}.registration-steps .active{color:#7f68c6}.registration-steps i{background:#e9e3f5;flex:1;height:1px}.phone-note,.error{overflow-wrap:anywhere;border-radius:7px;margin:0 0 15px;padding:10px 12px;font-size:11px;line-height:1.8}.phone-note{color:#4d8c76;background:#f0f8f5}.error{color:#b85869;background:#fff0f1;border:1px solid #f5dfe2}.password-save{color:#9296a8;margin:0 0 20px;font-size:10px}.back-login{color:#8b77be;width:100%;margin:17px 0 0;font-size:11px;display:block}.eye{padding:4px;top:14px}.help-body{color:#8990a6;margin:18px 0;font-size:12px;line-height:1.9}.help-body article{border-bottom:1px solid #eeedf4;gap:12px;padding:12px 0;display:flex}.help-body article>b{color:#9b88c8;background:#f3f0fc;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.help-body h4{color:#69738a;margin:0 0 4px;font-size:13px}.help-body p{margin:0}footer a{color:#a9adbb;text-decoration:none}.primary{position:relative}.primary span{margin-left:0;position:absolute;right:16px}.auth-card{scroll-margin-top:20px}input[readonly]{background:#f6f5fa}.story{-webkit-user-select:none;user-select:none}@media (width<=850px){.header-right>button{font-size:11px;display:block}.header-right{gap:10px}.brand small{letter-spacing:1.2px;font-size:7px}.brand>span{font-size:19px}.brand>b{display:none}.brand img{width:36px;height:36px}.phone-login input:not([type=checkbox]){font-size:16px}.phone-human{align-items:flex-start}.phone-human small{max-width:190px}}.login-success-link{color:#6b54d9;margin-top:6px;font-weight:600;text-decoration:none;display:block}