*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#020617;color:#f1f5f9;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 15% 45%,#08334455,transparent 55%),radial-gradient(ellipse at 95% 0%,#1e3a8a33,transparent 40%);display:flex;flex-direction:column}header,main,footer{width:min(1160px,calc(100% - 80px));margin-inline:auto}.brand{display:flex;gap:13px;align-items:center;padding-top:35px}.mark{width:46px;height:46px;border-radius:13px;background:linear-gradient(140deg,#06b6d4,#2563eb,#4f46e5);display:grid;place-items:center;box-shadow:0 0 30px #06b6d426}.mark svg{width:26px;fill:white}.brand strong{display:block;font-size:21px;letter-spacing:-.6px;color:#38bdf8}.brand div>span{display:block;font-size:9px;letter-spacing:2.8px;color:#94a3b8;font-weight:600}main{display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;flex:1;padding-block:65px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px;color:#22d3ee}.intro .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#22d3ee;box-shadow:0 0 15px #06b6d4}h1{font-size:clamp(38px,4.6vw,61px);line-height:1.13;letter-spacing:-2.3px;margin:22px 0}h1 em{font-style:normal;color:#22d3ee;background:linear-gradient(90deg,#22d3ee,#60a5fa);background-clip:text;-webkit-text-fill-color:transparent}.intro>p{color:#94a3b8;font-size:16px;max-width:400px}.features{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.features span{border:1px solid #1e3349;border-radius:6px;font-size:10px;color:#a5b8ce;padding:5px 9px}.card{border:1px solid #243148;background:linear-gradient(145deg,#111e31ef,#0b1224f5);padding:38px;border-radius:24px;box-shadow:0 30px 80px #0004}.card-icon{width:46px;height:46px;background:#06b6d418;border:1px solid #22d3ee25;border-radius:14px;display:grid;place-items:center;margin-bottom:24px}.card-icon svg{fill:none;stroke:#22d3ee;stroke-width:1.6;width:24px}.card h2{font-size:25px;letter-spacing:-.8px;margin:9px 0}.card>p{color:#94a3b8;font-size:13px;margin:0 0 28px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px;color:#d0dcea}input{display:block;width:100%;height:48px;border:1px solid #2a374e;background:#060d1d;color:#f1f5f9;border-radius:9px;padding:0 14px;font:inherit;font-size:14px}input::placeholder{color:#64748b}input:focus{outline:2px solid #22d3ee;outline-offset:2px}.password{position:relative}.password input{padding-right:79px}.password button{position:absolute;right:7px;top:6px;height:36px;padding-inline:9px;background:transparent;color:#94a3b8;font-size:11px;border:0;border-radius:5px;cursor:pointer}button:focus-visible{outline:2px solid #22d3ee;outline-offset:3px}.submit{width:100%;border:0;border-radius:9px;background:linear-gradient(100deg,#0891b2,#2563eb);color:white;padding:14px 18px;font:600 14px system-ui;display:flex;justify-content:space-between;align-items:center;margin-top:26px;cursor:pointer;box-shadow:0 5px 25px #0284c725}.submit:hover{filter:brightness(1.13)}.submit:disabled{opacity:.65;cursor:wait}.restricted{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid #243148;margin-top:26px;padding-top:22px;font-size:10px;color:#94a3b8}#error{color:#fecaca;background:#7f1d1d33;border:1px solid #f8717144;padding:9px 12px;border-radius:7px;font-size:12px;margin:14px 0 0}.network{position:relative;height:95px;width:330px;max-width:100%;margin-top:30px}.line{height:1px;background:linear-gradient(90deg,transparent,#22d3ee66,transparent);position:absolute;top:47px;width:100%}.hub{position:absolute;left:43%;top:18px;width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0c2237;border:1px solid #22d3ee55;border-radius:16px;color:#38bdf8;font-size:23px;font-weight:800;line-height:1.1;box-shadow:0 0 50px #06b6d417}.hub span{font-size:6px;letter-spacing:2px;margin-top:3px}.node{position:absolute;top:44px;width:7px;height:7px;background:#0e7490;border:1px solid #22d3ee;border-radius:50%}.n1{left:5%}.n2{left:25%}.n3{right:25%}.n4{right:5%}footer{border-top:1px solid #1e293b99;padding-block:22px;display:flex;justify-content:space-between;color:#64748b;font-size:10px}footer b{padding:0 8px;font-weight:400}@media(max-width:950px){main{gap:35px;grid-template-columns:1fr 400px}.card{padding:30px}h1{font-size:43px}}@media(max-width:740px){header,main,footer{width:calc(100% - 40px)}.brand{padding-top:24px}main{display:block;padding:42px 0}.intro{display:none}.card{max-width:440px;margin:auto;padding:28px}.card h2{font-size:25px}footer{gap:12px;flex-wrap:wrap}.brand strong{font-size:19px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}