*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#030a1b url('/network-bg.jpg') center/cover fixed;color:#d6e8f1;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}body:before{content:"";position:fixed;inset:0;background:linear-gradient(100deg,#021523b0,#03071985);z-index:-1}header{height:105px;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #31516555}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:550}.brand svg{width:48px;fill:none;stroke:#70d3c4;stroke-width:1.8}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#7fa5ad;margin-top:10px}.secure{letter-spacing:7px;color:#5a879b;font-size:13px}main{max-width:1400px;margin:auto;min-height:calc(100vh - 180px);display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center;padding:50px 5%}.intro{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:4px;color:#4dc7cf}h1{font-size:clamp(28px,3vw,48px);font-weight:500;line-height:1.6;letter-spacing:3px;margin:18px 0 12px}.intro>p{font-size:13px;letter-spacing:2px;color:#7aabbb}.island{position:relative;height:220px;margin:10px -30px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.island img{width:100%;height:100%;object-fit:cover;opacity:.65;mask-image:linear-gradient(transparent,#000 20%,#000 70%,transparent)}.ring{position:absolute;left:65%;top:53%;width:35px;height:35px;border:1px solid #3bcbd9;border-radius:50%;animation:pulse 3s ease-out infinite}.station{position:absolute;left:57%;top:65%;color:#8cdae6;font-size:10px;letter-spacing:1px}.features{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:22px;border-top:1px solid #2c566866;padding-top:22px}.features b{font-size:25px;color:#7ad1df;font-weight:400;white-space:nowrap}.features small{font-size:10px;color:#7394a9}.features span{display:block;font-size:11px;color:#7296a6;margin-top:10px}.login-card{background:linear-gradient(145deg,#102b3ded,#0a192cf5);padding:40px;border:1px solid #31627c77;position:relative;box-shadow:0 20px 70px #0005;border-radius:7px;max-width:460px;width:100%;justify-self:end}.cardline{position:absolute;top:-1px;left:18%;width:64%;height:2px;background:linear-gradient(90deg,transparent,#61d6dd,transparent)}.welcome{font-size:10px;letter-spacing:3px;color:#5facc3}.login-card h2{font-size:27px;font-weight:500;letter-spacing:2px;margin:15px 0 12px}.login-card>p{font-size:12px;color:#759bad;margin-bottom:32px}label{display:block;font-size:12px;color:#a1c1cf;margin:20px 0 10px}.inputwrap{display:flex;align-items:center;gap:10px;border:1px solid #30546c;background:#071a2b;border-radius:4px;padding:0 14px}.inputwrap:focus-within{border-color:#48c5d3;box-shadow:0 0 0 2px #35b5cd11}.inputwrap>span{color:#548ba3;font-size:20px}input{min-width:0;flex:1;border:0;background:transparent;color:#d9f1fa;font:inherit;font-size:14px;outline:none;height:46px;padding:0 4px}button{font-family:inherit;cursor:pointer}.inputwrap button{border:0;background:none;color:#6599ae;font-size:11px;white-space:nowrap}.account-hint{display:flex;justify-content:space-between;font-size:10px;color:#6c94a7;margin:13px 0}.account-hint button{background:none;border:0;color:#5bbfce;font-size:10px}#error{min-height:23px;font-size:11px;color:#f49b8d;padding:6px 0}#submit{width:100%;background:linear-gradient(90deg,#20a1bb,#30bfb9);border:0;color:#eefeff;padding:13px 18px;font-size:15px;border-radius:4px;box-shadow:0 5px 22px #1cc9c322;display:flex;justify-content:center;gap:35px}#submit:hover{filter:brightness(1.1)}#submit:disabled{opacity:.6;cursor:wait}.login-note{margin-top:26px;border-top:1px solid #29475b;padding-top:20px;color:#87afbd;font-size:10px;line-height:1.9}.login-note small{color:#587d91;font-size:10px}.login-note i{display:inline-block;background:#4ec9b0;width:5px;height:5px;border-radius:50%;margin-right:7px}footer{min-height:70px;border-top:1px solid #24455955;padding:24px 5%;color:#527c90;font-size:10px;display:flex;justify-content:space-between}@keyframes pulse{from{transform:scale(.5);opacity:1}to{transform:scale(3);opacity:0}}@media(max-width:800px){header{height:80px;padding:18px 6%}.brand{font-size:16px}.brand svg{width:37px}.secure{display:none}main{display:flex;flex-direction:column;gap:25px;padding:35px 6%}.intro{align-self:center;width:100%;max-width:460px}h1{font-size:27px;margin:10px 0}.intro>p{font-size:11px}.island,.features{display:none}.login-card{padding:30px;max-width:460px}.eyebrow{font-size:8px;letter-spacing:2px}footer{line-height:1.9;display:block}footer span{display:block}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}