*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020711;color:#f5fbff;font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.topbar{min-height:92px;padding:14px clamp(14px,3vw,38px);display:flex;align-items:center;gap:18px;border-bottom:1px solid #0879c8;background:linear-gradient(180deg,#06182a,#020a14);position:relative;z-index:5}.nav-btn{width:58px;height:58px;border-radius:18px;border:1px solid #09aaff;background:#061b2d;color:#fff;font-size:43px;line-height:1;cursor:pointer;box-shadow:0 0 18px #008cff55}.brand-wrap{min-width:0;overflow:hidden}.brand{font-size:clamp(23px,4vw,44px);font-weight:1000;letter-spacing:1px;white-space:nowrap;background:linear-gradient(90deg,#08a9ff,#25ff70,#08a9ff,#25ff70);background-size:300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px #00aaff66;animation:brandMove 4s linear infinite}.brand-sub{font-size:clamp(8px,1.4vw,12px);letter-spacing:clamp(3px,1vw,7px);color:#7fa9c4;margin-top:2px}.clock{margin-left:auto;border:1px solid #0a9cff;border-radius:16px;padding:10px 16px;font-size:clamp(16px,3vw,24px);font-weight:900;color:#dff8ff;box-shadow:0 0 18px #008cff33;white-space:nowrap}@keyframes brandMove{to{background-position:300% center}}.page{padding:clamp(12px,3vw,34px);display:flex;justify-content:center}.domain-card{width:min(1080px,100%);padding:clamp(16px,3vw,34px);border:1px solid #078bd8;border-radius:30px;background:radial-gradient(circle at 50% 12%,#0a3453 0,#041a2d 34%,#020914 72%);box-shadow:0 0 55px #0068a83b;position:relative;overflow:hidden}.domain-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(115deg,transparent 20%,#08aaff22 48%,#26ff7022 52%,transparent 80%);pointer-events:none}.title-row{display:flex;align-items:center;justify-content:space-between;position:relative}.eyebrow{font-size:12px;letter-spacing:3px;color:#31d7ff}.title-row h1{margin:2px 0 18px;font-size:clamp(30px,5vw,58px);letter-spacing:1px}.live-dot{width:15px;height:15px;border-radius:50%;background:#3d5260;box-shadow:0 0 0 6px #31414d55}.live-dot.on{background:#27ff70;box-shadow:0 0 18px #27ff70,0 0 0 6px #27ff7022}label{display:block;margin-bottom:8px;color:#86b5ce;font-size:12px;font-weight:900;letter-spacing:2px}.input-wrap{height:66px;display:flex;align-items:center;gap:12px;border:1px solid #0ba9ff;border-radius:18px;background:#021525;box-shadow:inset 0 0 18px #008cff14}.input-wrap span{font-size:25px;padding-left:18px}.input-wrap input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:clamp(18px,3vw,27px);font-weight:800;padding:0 18px 0 0}.connect-btn{width:100%;min-height:64px;margin-top:14px;border:1px solid #28ff72;border-radius:18px;background:linear-gradient(100deg,#00c94f,#27ff70,#00bd4b);color:#001508;font-size:clamp(17px,3vw,25px);font-weight:1000;cursor:pointer;box-shadow:0 0 26px #14ff6a66}.connect-btn:disabled{opacity:.65;cursor:wait}.connect-btn b{font-size:30px;margin-left:8px}.gauge-card{margin-top:22px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#031321,#020a12);border:1px solid #087fca}.gauge{position:relative;width:min(780px,100%);aspect-ratio:1.35/1;margin:auto;overflow:hidden;background:radial-gradient(ellipse at center 76%,#0a263c 0,#020914 48%,transparent 49%)}.arc{position:absolute;width:82%;height:82%;left:9%;top:8%;border-radius:50%;background:conic-gradient(from 221deg,#00b9ff 0 23%,#11f7dd 23% 45%,#23ff64 45% 68%,#ffc400 68% 84%,#ff4b24 84% 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 35px),#000 calc(100% - 34px));mask:radial-gradient(farthest-side,transparent calc(100% - 35px),#000 calc(100% - 34px));filter:drop-shadow(0 0 12px #00d8ff66)}.ticks{position:absolute;inset:13% 13% 16%;border-radius:50%;background:repeating-conic-gradient(from 221deg,#eafcff 0deg 1deg,transparent 1deg 4deg);-webkit-mask:radial-gradient(farthest-side,transparent 80%,#000 81%);mask:radial-gradient(farthest-side,transparent 80%,#000 81%);opacity:.8}.needle{position:absolute;z-index:4;left:50%;bottom:25%;width:7px;height:39%;border-radius:8px;background:linear-gradient(#fff,#ff3158);transform-origin:50% 100%;transform:translateX(-50%) rotate(-118deg);box-shadow:0 0 18px #ff345d}.hub{position:absolute;z-index:6;left:50%;bottom:23%;width:30px;height:30px;border-radius:50%;transform:translateX(-50%);background:#0b1620;border:5px solid #22eaff;box-shadow:0 0 18px #00d9ff}.speed{position:absolute;z-index:5;inset:25% 0 28%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-shadow:0 0 20px #00cfff}.speed strong{font-size:clamp(66px,13vw,138px);line-height:.85;letter-spacing:-5px}.speed span{font-size:clamp(14px,3vw,22px);color:#6feaff;font-weight:1000;letter-spacing:2px}.speed small{margin-top:8px;color:#8db3c8;font-size:clamp(10px,2vw,15px);font-weight:900;letter-spacing:2px}.car{position:absolute;z-index:5;left:50%;bottom:7%;transform:translateX(-50%);width:34%;height:14%;border:3px solid #00d8ff;border-radius:35% 35% 18% 18%;box-shadow:0 0 18px #00cfff;background:linear-gradient(180deg,#122b3c,#030a10)}.car:before{content:"";position:absolute;left:20%;right:20%;top:-30%;height:55%;border:3px solid #00d8ff;border-bottom:0;border-radius:60% 60% 0 0}.car span,.car span:after{position:absolute;width:18%;height:18%;bottom:12%;background:#ff365a;border-radius:50%;box-shadow:0 0 10px #ff365a}.car span{left:10%}.car span:after{content:"";left:340%;bottom:0}.result{display:flex;align-items:center;gap:16px;margin-top:18px;padding:18px 20px;border:1px solid #0b80bf;border-radius:20px;background:#031827}.result-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:2px solid #637b89;color:#879da8;font-size:28px}.result strong{display:block;font-size:clamp(16px,3vw,25px)}.result small{display:block;margin-top:5px;color:#8fb2c4;font-size:14px}.result.ok{border-color:#24ff70;background:#032519;box-shadow:0 0 25px #1dff6b33}.result.ok .result-icon{border-color:#29ff73;color:#29ff73;box-shadow:0 0 16px #29ff7355}.result.ok strong{color:#35ff78}.notice{text-align:center;min-height:25px;padding-top:12px;color:#4dff98;font-weight:800;font-size:13px}.notice:empty{display:none}@media(max-width:700px){.topbar{min-height:76px;padding:10px 12px;gap:10px}.nav-btn{width:48px;height:48px;border-radius:14px;font-size:36px}.brand{font-size:clamp(21px,7vw,31px)}.brand-sub{font-size:7px;letter-spacing:3px}.clock{padding:8px 10px;border-radius:12px;font-size:15px}.page{padding:8px}.domain-card{padding:16px;border-radius:22px}.title-row h1{margin-bottom:14px}.input-wrap{height:58px}.connect-btn{min-height:58px}.gauge{aspect-ratio:1.08/1}.arc{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 25px),#000 calc(100% - 24px));mask:radial-gradient(farthest-side,transparent calc(100% - 25px),#000 calc(100% - 24px))}.needle{height:36%;bottom:25%}.speed{inset:28% 0 28%}.speed strong{font-size:clamp(60px,18vw,92px)}.car{width:39%;bottom:8%}.result{padding:14px}.result-icon{width:44px;height:44px;font-size:24px}}@media(min-width:701px) and (max-width:1100px){.gauge{width:92%}}@media(min-width:1400px){.domain-card{max-width:1180px}.gauge{width:850px}}@media(prefers-reduced-motion:reduce){.brand{animation:none}}