*{box-sizing:border-box}body{margin:0;background:#f4f5f8;color:#18212f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}.login-shell{min-height:100svh;display:grid;grid-template-columns:46% 54%}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.brand-panel{background:#131c2b;position:relative;overflow:hidden;color:white;padding:48px 11%;display:flex;flex-direction:column}.brand-panel:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,#ff244215,transparent 66%);top:28%;left:-170px;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:inherit;position:relative}.logo{width:52px;height:52px;display:grid;place-items:center;background:transparent;border-radius:0;box-shadow:none;flex-shrink:0}.logo svg{width:100%;height:100%}.logo path,.art-core path{stroke:none;fill:#F04459}.logo circle{fill:#18212f}.brand strong{font-size:23px;letter-spacing:1px;display:block}.brand small{font-size:10px;letter-spacing:3px;color:#9aa6ba;display:block;margin-top:5px}.brand-content{margin:auto 0;padding:65px 0 24px;position:relative}.eyebrow{font-size:12px;color:#bdc5d2;letter-spacing:4px}h1{font-size:clamp(32px,3.1vw,50px);line-height:1.5;letter-spacing:-1px;font-weight:650;margin:22px 0 18px}.brand-content>p{font-size:15px;line-height:1.9;color:#8f9aaf;margin:0}.network-art{height:240px;position:relative;margin-top:30px;max-width:350px}.orbit{position:absolute;left:50%;top:50%;border:1px solid #ffffff0d;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg)}.orbit-one{width:270px;height:175px}.orbit-two{width:355px;height:240px}.art-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg);width:82px;height:82px;border:1px solid #ffffff18;border-radius:20px;background:#1c2739;box-shadow:none;display:grid;place-items:center}.art-core svg{width:64px;height:64px}.node{width:46px;height:52px;border:1px solid #ffffff20;border-radius:13px;display:grid;place-items:center;position:absolute;background:#202b3d;box-shadow:0 10px 25px #0002}.node svg{width:24px;fill:none;stroke:#b1bdd0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.node-one{left:10%;top:38%}.node-two{right:8%;top:20%}.node-three{right:23%;bottom:5%}.brand-footer{font-size:12px;color:#8491a5;display:flex;align-items:center;gap:8px;position:relative}.secure-dot{height:6px;width:6px;border-radius:50%;background:#5aac92}.form-panel{display:flex;flex-direction:column;background:#fcfcfd;padding:48px 11%;min-width:0}.top-label{align-self:flex-end;font-size:12px;color:#8d95a4;display:flex;align-items:center;gap:8px;white-space:nowrap}.top-label span{width:6px;height:6px;background:#ff2442;border-radius:50%}.form-wrap{width:100%;max-width:400px;margin:auto; padding:70px 0}.welcome-tag{font-size:11px;font-weight:700;color:#ff2442;letter-spacing:2.5px}h2{font-size:34px;letter-spacing:1px;margin:14px 0 10px;font-weight:650}.subtitle{color:#939aa7;font-size:14px;margin:0 0 38px}label{font-size:14px;font-weight:600;display:block;margin:22px 0 10px}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #e3e6ec;border-radius:12px;background:white;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:#ff2442;box-shadow:0 0 0 3px #ff24420a}.input-wrap>svg{width:19px;height:19px;margin-left:17px;fill:none;stroke:#9ba4b3;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}input{width:100%;height:54px;border:0;background:transparent;padding:0 14px;outline:0;color:#18212f;min-width:0;font-size:15px}input::placeholder{color:#adb4bf;font-size:14px}.reveal{border:0;background:none;display:grid;place-items:center;cursor:pointer;width:46px;height:46px;color:#99a2af;flex-shrink:0;border-radius:10px;margin-right:4px}.reveal:hover{color:#ff2442;background:#fff2f4}.reveal svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.6}.form-meta{text-align:right;color:#a1a8b4;font-size:12px;margin-top:14px}.error{font-size:13px;color:#d71f3c;min-height:20px;margin:13px 0 8px;line-height:1.6}.submit{width:100%;height:54px;border:0;border-radius:12px;background:#ff2442;color:white;display:flex;align-items:center;justify-content:center;gap:14px;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 8px 20px #ff244220;transition:background .2s,transform .2s}.submit:hover{background:#e81d39;transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait;transform:none}.submit svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security{display:flex;align-items:center;justify-content:center;gap:7px;color:#a0a7b3;font-size:11px;margin:25px 0 0}.security svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.5}footer{color:#a5acb7;font-size:10px;letter-spacing:1px;text-align:center}footer span{margin:0 12px;color:#d0d5de}button:focus-visible,a:focus-visible{outline:3px solid #ff8c9c;outline-offset:3px}@media(min-width:1500px){.brand-panel{padding-left:17%;padding-right:13%}}@media(max-height:760px) and (min-width:761px){.brand-panel,.form-panel{padding-top:28px;padding-bottom:28px}.brand-content{padding-top:35px}.network-art{height:170px;margin-top:5px;transform:scale(.85);transform-origin:center}.form-wrap{padding:40px 0}h1{font-size:36px}}@media(max-width:760px){.login-shell{grid-template-columns:1fr;min-height:100svh;background:#fcfcfd}.brand-panel{padding:28px 26px 25px;min-height:0;background:#131c2b}.brand-content,.brand-footer{display:none}.brand strong{font-size:20px}.brand small{font-size:9px}.logo{width:44px;height:44px;border-radius:13px}.logo svg{width:36px}.form-panel{padding:24px;flex:1}.top-label{display:none}.form-wrap{padding:35px 0 45px;max-width:410px}h2{font-size:30px}.subtitle{margin-bottom:30px}footer{padding-bottom:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}