:root{color-scheme:dark;--bg:#0a1018;--fg:#e8eef5;--muted:#9baabc;--accent:#7fe3bd;--line:#263342}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;
  background-image:radial-gradient(ellipse at 16% 45%,#14352e66,transparent 50%),linear-gradient(#ffffff02 1px,transparent 1px),linear-gradient(90deg,#ffffff02 1px,transparent 1px);background-size:auto,64px 64px,64px 64px}
[hidden]{display:none!important}.brand{display:flex;align-items:center;gap:12px;max-width:1200px;margin:auto;padding:38px 40px;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:1.8px}.brand small{font-size:12px;font-weight:400;letter-spacing:1px;color:var(--muted);margin-left:12px}
.layout{max-width:1120px;margin:40px auto 50px;padding:0 40px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px}.eyebrow{font-size:11px;color:var(--accent);letter-spacing:2px;display:flex;align-items:center;gap:10px}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--accent)}
h1{font-size:clamp(32px,3.8vw,48px);line-height:1.38;letter-spacing:-1px;margin:24px 0 18px;font-weight:650}.lead{color:var(--muted);font-size:15px;line-height:1.9;max-width:350px}.features{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.features span{border:1px solid #31463e;border-radius:5px;padding:7px 10px;font-size:11px;color:#bdd2c7}
.radar-art{position:relative;width:220px;height:220px;margin:32px 0 0 10px;border:1px solid #73d0ad20;border-radius:50%;background:repeating-radial-gradient(circle,#79d9b300 0 35px,#79d9b319 36px 37px);transform:rotate(-10deg)}.cross:before,.cross:after{content:"";position:absolute;background:#79d9b319}.cross:before{left:50%;top:0;bottom:0;width:1px}.cross:after{top:50%;left:0;right:0;height:1px}.point{position:absolute;width:5px;height:5px;background:#7fe3bd;border-radius:50%;box-shadow:0 0 14px #7fe3bd66}.point.a{left:52px;top:68px}.point.b{left:137px;top:143px}.point.c{left:169px;top:70px}.radar-art>span{position:absolute;bottom:-15px;left:35px;font-size:9px;letter-spacing:3px;color:#6c8a7b;transform:rotate(10deg)}
.pair-card{border:1px solid var(--line);border-top-color:#435e55;border-radius:18px;padding:36px;background:linear-gradient(145deg,#18242be8,#111923f5);box-shadow:0 24px 80px #0003}.step{color:var(--accent);font-size:12px;letter-spacing:1px;margin:0 0 14px}h2{font-size:27px;letter-spacing:-.5px;margin:0 0 12px}.description{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 30px}label{display:block;font-size:12px;margin-bottom:12px;color:#d3dce6}
input{width:100%;min-height:64px;padding:14px 16px;background:#091119;border:1px solid #3a4d59;border-radius:9px;color:var(--fg);font:500 29px/1.2 ui-monospace,Consolas,monospace;letter-spacing:5px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#526271}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7fe3bd15}input[aria-invalid=true]{border-color:#ff9c99}.help{font-size:11px;color:var(--muted);margin:12px 0 24px;line-height:1.6}
button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;border:0;border-radius:8px;background:var(--accent);color:#0b231a;font-size:14px;font-weight:700;padding:14px 18px;cursor:pointer;transition:background .15s}button:hover{background:#a1f0d1}button:focus-visible{outline:2px solid #e3fff3;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}.notice{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:var(--muted);line-height:1.8;margin:22px 0 0}.notice svg{flex:none;margin-top:2px;color:#8eaa9e}.error{border:1px solid #ff8d8933;background:#ff8d890c;color:#ffb6b2;padding:10px 12px;border-radius:7px;font-size:12px;line-height:1.6;margin:-8px 0 18px}.service{display:flex;gap:7px;align-items:center;padding-top:20px;margin-top:22px;border-top:1px solid var(--line);font-size:10px;color:#93a6a0}.service i{width:5px;height:5px;border-radius:50%;background:#89919b}.service.ready i{background:var(--accent)}.service.offline i{background:#ffad88}footer{text-align:center;padding:16px 24px 30px;font-size:10px;letter-spacing:2px;color:#6e7c8d}
@media(max-width:800px){.brand{padding:24px}.layout{gap:32px;padding:0 24px;margin:10px auto 30px;max-width:530px;grid-template-columns:1fr}.intro h1{font-size:30px;margin:18px 0 12px}.intro h1 br{display:none}.eyebrow{font-size:9px}.lead{max-width:none;font-size:13px}.radar-art{display:none}.features{margin-top:16px}.pair-card{padding:26px}.description{margin-bottom:24px}}
@media(max-width:380px){.layout{padding:0 16px}.pair-card{padding:22px}input{font-size:25px;letter-spacing:4px}.features{gap:5px}.features span{font-size:10px}.brand small{margin-left:4px}}
@media(prefers-reduced-motion:reduce){input,button{transition:none}}