:root{--blue:#2f70cb;--blue-deep:#225aa8;--ink:#1a2d45;--muted:#7890aa;--paper:#fff;--line:#e2eaf4;--page:#edf3fa;--green:#67c83d;--danger:#ce4b54}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--page);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}.landing{min-height:100vh;padding:clamp(18px,4vw,54px);background:radial-gradient(circle at 8% 8%,#d7e8ff 0,transparent 34%),linear-gradient(132deg,#eff5fb 0,#e7eff9 100%)}.landing-shell{width:min(1190px,100%);min-height:680px;margin:auto;display:grid;grid-template-columns:minmax(390px,1.06fr) minmax(390px,.94fr);overflow:hidden;border:1px solid #d8e4f1;border-radius:20px;background:var(--paper);box-shadow:0 24px 68px rgba(45,83,127,.17)}.landing-brand-panel{position:relative;display:flex;min-height:680px;flex-direction:column;padding:38px 42px 31px;color:#fff;background:linear-gradient(160deg,#397ed8 0,#2e70c9 54%,#255daf 100%);overflow:hidden}.landing-brand-panel:before,.landing-brand-panel:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}.landing-brand-panel:before{width:430px;height:430px;right:-220px;top:-156px}.landing-brand-panel:after{width:340px;height:340px;left:-204px;bottom:-168px}.brand{position:relative;z-index:1;display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand i{display:grid;width:38px;height:38px;place-items:center;border:2px solid rgba(255,255,255,.86);border-radius:50%;font-size:16px;font-style:normal;font-weight:700}.brand span{font-size:25px;font-weight:700;letter-spacing:.02em}.brand small{display:block;margin-top:4px;font-size:11px;font-weight:400;letter-spacing:.02em;opacity:.8}.brand-copy{position:relative;z-index:1;margin-top:78px;max-width:410px}.brand-copy p{margin:0 0 13px;font-size:12px;letter-spacing:.12em;opacity:.78}.brand-copy h1{margin:0;font-size:clamp(33px,3.7vw,48px);font-weight:700;line-height:1.3;letter-spacing:.01em}.brand-copy>span{display:block;margin-top:20px;color:rgba(255,255,255,.8);font-size:14px;line-height:1.85}.brand-module-list{position:relative;z-index:1;display:grid;gap:10px;margin-top:49px}.brand-module-list>div{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(31,86,168,.16);backdrop-filter:blur(4px)}.brand-module-list b{display:grid;width:26px;height:26px;place-items:center;border-radius:7px;background:rgba(255,255,255,.17);font-size:10px}.brand-module-list strong,.brand-module-list small{display:block}.brand-module-list strong{font-size:14px;font-weight:600}.brand-module-list small{margin-top:3px;color:rgba(255,255,255,.72);font-size:11px}.landing-brand-panel footer{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.17);font-size:11px;color:rgba(255,255,255,.82)}.landing-brand-panel footer>span:last-child{margin-left:auto;color:rgba(255,255,255,.57)}.online-dot{width:7px;height:7px;border-radius:50%;background:#82df5a;box-shadow:0 0 0 4px rgba(130,223,90,.16)}.landing-auth-panel{display:flex;min-height:680px;flex-direction:column;padding:39px clamp(30px,5vw,70px) 31px;background:#fff}.auth-top{display:flex;align-items:center;justify-content:space-between;color:#91a4b8;font-size:11px}.auth-mark{padding:6px 10px;border-radius:6px;background:#eff6ff;color:#3479d3;font-weight:600}.auth-card{width:min(100%,385px);margin:auto}.eyebrow{margin:0 0 11px;color:#3e82dc;font-size:11px;font-weight:700;letter-spacing:.16em}.auth-card h2{margin:0;color:#17365c;font-size:30px;line-height:1.25}.auth-copy{margin:13px 0 27px;color:#7a90a8;font-size:13px;line-height:1.75}.tabs{display:flex;gap:25px;margin-bottom:21px;border-bottom:1px solid var(--line)}.tabs button{position:relative;border:0;background:transparent;padding:0 1px 11px;color:#8498ae;font:600 14px "Microsoft YaHei","PingFang SC",Arial,sans-serif;cursor:pointer}.tabs button.active{color:#2e73cd}.tabs button.active:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;content:"";border-radius:2px;background:#3d80d9}.error{min-height:17px;margin:0 0 8px;color:var(--danger);font-size:12px;line-height:17px}.auth-card form label{display:block;margin:0 0 14px;color:#506b88;font-size:12px}.auth-card input{width:100%;height:43px;margin-top:7px;border:1px solid #d9e4ef;border-radius:7px;outline:0;background:#fbfdff;color:#1f3650;font:14px "Microsoft YaHei","PingFang SC",Arial,sans-serif;padding:0 12px;transition:border-color .16s,box-shadow .16s}.auth-card input:focus{border-color:#4d8ddd;box-shadow:0 0 0 3px rgba(68,132,216,.12)}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:5px;border:0;border-radius:7px;padding:12px 15px;background:#357bd4;box-shadow:0 9px 19px rgba(47,112,203,.2);color:#fff;font:600 14px "Microsoft YaHei","PingFang SC",Arial,sans-serif;cursor:pointer;transition:background .16s,transform .16s}.primary:hover{background:#286ac1}.primary:active{transform:translateY(1px)}.primary b{font-size:18px;line-height:16px}.auth-divider{display:flex;align-items:center;gap:11px;margin:23px 0 0;color:#a1b0c0;font-size:11px}.auth-divider:before,.auth-divider:after{height:1px;flex:1;content:"";background:#e6edf4}.hint{margin:16px 0 0;border-radius:7px;padding:10px 12px;background:#f6f9fc;color:#778da4;font-size:12px;line-height:1.65}.auth-footnote{margin:22px 0 0;color:#9aaabb;font-size:11px;text-align:center}.telegram-login-widget{min-height:40px;margin-top:16px;display:flex;justify-content:center}.telegram-login-widget iframe{max-width:100%}@media (max-width:850px){.landing{padding:0}.landing-shell{min-height:100vh;border:0;border-radius:0;grid-template-columns:1fr}.landing-brand-panel{min-height:360px;padding:28px 26px}.brand-copy{margin-top:46px}.brand-copy h1{font-size:34px}.brand-module-list{display:none}.landing-brand-panel footer{margin-top:36px}.landing-auth-panel{min-height:0;padding:33px 26px 36px}.auth-card{margin:34px auto 0}.auth-top{position:absolute;top:28px;right:26px;color:rgba(255,255,255,.7)}.auth-top .auth-mark{display:none}.auth-top span:last-child{font-size:10px}.auth-footnote{margin:18px 0 0}}@media (max-width:430px){.landing-brand-panel{min-height:330px}.brand-copy h1{font-size:31px}.landing-brand-panel footer>span:last-child{display:none}.landing-auth-panel{padding-left:20px;padding-right:20px}.auth-card h2{font-size:27px}}