.page-nopea-controller-tester #wrapper{padding-top:0!important}.page-nopea-controller-tester #content-wrapper{padding:0!important;width:100%;max-width:none}.npt{--blue:#63c1ea;--ink:#172019;max-width:1100px;margin:auto;padding:55px 22px 80px;font-family:Montserrat,Arial,sans-serif;color:var(--ink)}.npt *{box-sizing:border-box}.npt-hero{padding:48px;border-radius:28px;background:linear-gradient(130deg,#3e4547,#63c1ea);color:#fff}.npt-hero>span,.npt-calibration>span{font-size:11px;font-weight:900;letter-spacing:1.5px}.npt-hero h1{margin:10px 0;font-size:48px;color:#fff}.npt-hero p{font-size:18px}.npt-browser{margin-top:25px;padding:15px 18px;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:rgba(255,255,255,.13)}.npt-panel{margin-top:22px;padding:27px;border:1px solid #e1e6e3;border-radius:22px;background:#fff;box-shadow:0 8px 28px rgba(23,32,25,.06)}.npt-panel h2{margin:0 0 7px}.npt-panel p{color:#68716d;line-height:1.55}.npt-connect,.npt-test-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.npt-connect p,.npt-test-head p{margin-bottom:0}#npt-status{padding:11px 15px;border-radius:30px;background:#eef2f0;font-weight:800}.npt-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.npt-stick{position:relative;width:210px;height:210px;margin:24px auto;border:2px solid #dde4e0;border-radius:50%;background:radial-gradient(circle,#fff 0 7%,transparent 8%),linear-gradient(#eef2f0 1px,transparent 1px),linear-gradient(90deg,#eef2f0 1px,transparent 1px);background-size:auto,50% 50%,50% 50%;overflow:hidden}.npt-stick:before,.npt-stick:after{content:'';position:absolute;background:#aeb8b2}.npt-stick:before{width:1px;height:100%;left:50%}.npt-stick:after{height:1px;width:100%;top:50%}.npt-stick i{position:absolute;z-index:2;width:30px;height:30px;left:calc(50% - 15px);top:calc(50% - 15px);border-radius:50%;background:var(--blue);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translate(0,0)}.npt-values{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.npt-values span{padding:11px;border-radius:10px;background:#f3f6f4;text-align:center;font-size:12px}.npt-values b{display:block;margin-top:3px}.npt-result{display:block;margin-top:14px;padding:11px;text-align:center;border-radius:12px;background:#eef2f0}.npt-result.is-good,.npt-overall.is-good{background:#e4f7e9;color:#27723e}.npt-result.is-warning,.npt-overall.is-warning{background:#fff2d8;color:#916000}.npt-result.is-bad,.npt-overall.is-bad{background:#ffe3e3;color:#a32626}.npt-test-head button,.npt-calibration>button{padding:15px 20px;border:0;border-radius:13px;background:#575656;color:#fff;font-weight:900;cursor:pointer}.npt-test-head button:disabled{opacity:.4}.npt-progress{height:10px;margin:24px 0;border-radius:10px;background:#eef2f0;overflow:hidden}.npt-progress i{display:block;width:0;height:100%;background:var(--blue)}.npt-overall{padding:16px;border-radius:14px;background:#f3f6f4;font-weight:800}.npt-buttons{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.npt-button{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#eef2f0;font-size:12px;font-weight:900}.npt-button.is-pressed{background:var(--blue);color:#fff;transform:scale(.92)}.npt-warning{margin:20px 0;padding:16px;border-left:4px solid #e09c28;background:#fff5df;line-height:1.5}.npt-calibration>span{color:var(--blue)}#npt-calibration-frame{position:fixed;z-index:999999;inset:0;padding:65px 4vw 20px;background:rgba(10,15,12,.82)}#npt-calibration-frame iframe{width:100%;height:100%;border:0;border-radius:18px;background:#fff}#npt-close-calibration{position:absolute;top:18px;right:4vw;padding:11px 17px;border:0;border-radius:30px;background:#fff;font-weight:900}.npt-back{text-align:center;margin-top:35px}.npt-back a{color:#575656!important;font-weight:800}@media(max-width:700px){.npt{padding:25px 14px 55px}.npt-hero{padding:30px 22px}.npt-hero h1{font-size:37px}.npt-grid{grid-template-columns:1fr}.npt-connect,.npt-test-head{display:block}.npt-connect span,.npt-test-head button{display:inline-block;margin-top:16px}.npt-values{grid-template-columns:1fr}.npt-buttons{grid-template-columns:repeat(5,1fr)}}
