:root{--ip:#4f46e5;--ip2:#06b6d4;--ink:#14213a;--muted:#65748a;--line:#dfe7f2}.ip-intro{max-width:1160px;margin:26px auto 18px;padding:50px 54px;border:1px solid #dce5f5;border-radius:30px;background:radial-gradient(circle at 84% 18%,#22d3ee3d,transparent 27%),linear-gradient(135deg,#f2f4ff,#fbfdff 55%,#effcff);display:flex;justify-content:space-between;align-items:center;overflow:hidden}.ip-intro>div:first-child{max-width:750px}.ip-kicker{color:#4338ca;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.ip-intro h1{font-size:clamp(2.3rem,5vw,4.25rem);line-height:1;letter-spacing:-.055em;color:var(--ink);margin:13px 0 17px}.ip-intro p{font-size:1.08rem;line-height:1.75;color:#55657b;margin:0}.ip-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.ip-pills span{padding:8px 12px;border:1px solid #d3ddf0;border-radius:99px;background:#ffffffb8;font-size:.77rem;font-weight:700;color:#41536d}.ip-signal{width:185px;height:185px;position:relative;display:grid;place-items:center;margin-left:35px}.ip-signal i{position:absolute;border:1px solid #6b8fe2;border-radius:50%}.ip-signal i:nth-child(1){inset:7px}.ip-signal i:nth-child(2){inset:32px}.ip-signal i:nth-child(3){inset:57px}.ip-signal b{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--ip),var(--ip2));color:#fff;box-shadow:0 18px 40px #4f46e544}.ip-page{max-width:1160px}.ip-start,.ip-loading{display:flex;align-items:center;gap:20px;border:1px solid var(--line);border-radius:22px;padding:25px 28px;background:#fff;box-shadow:0 16px 45px #263b680d}.ip-start-icon{width:52px;height:52px;flex:0 0 auto;border-radius:15px;background:#eef0ff;color:var(--ip);display:grid;place-items:center;font-size:1.8rem}.ip-start>div:nth-child(2){flex:1}.ip-start h2{font-size:1.25rem;margin:0 0 6px;color:var(--ink)}.ip-start p{font-size:.82rem;color:var(--muted);line-height:1.6;margin:0;max-width:650px}.ip-start button{border:0;border-radius:12px;background:linear-gradient(110deg,#4f46e5,#168fc1);color:#fff;padding:13px 19px;font:800 .86rem inherit;cursor:pointer;white-space:nowrap}.ip-start button b{margin-left:8px}.ip-loading{justify-content:center}.ip-loading>span{width:25px;height:25px;border:3px solid #dfe5f2;border-top-color:var(--ip);border-radius:50%;animation:ispin .75s linear infinite}.ip-loading strong,.ip-loading small{display:block}.ip-loading small{color:var(--muted);margin-top:4px}@keyframes ispin{to{transform:rotate(360deg)}}.ip-error{margin:14px 0;padding:13px 15px;border:1px solid #fecaca;background:#fff1f2;color:#aa302c;border-radius:12px}.ip-address-card{border-radius:24px;padding:32px;background:radial-gradient(circle at 90% 0,#22d3ee44,transparent 30%),linear-gradient(130deg,#242063,#4038a2 58%,#087d9a);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 22px 50px #312e8140}.ip-address-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.8}.ip-address-card strong{display:block;font:800 clamp(1.7rem,5vw,3.25rem) ui-monospace,monospace;margin:10px 0;overflow-wrap:anywhere}.ip-address-card p{margin:0;opacity:.8}.ip-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;min-width:270px}.ip-actions button{border:1px solid #ffffff54;background:#ffffff12;color:#fff;border-radius:10px;padding:10px;font:700 .76rem inherit;cursor:pointer}.ip-actions button:hover{background:#ffffff25}.ip-report-head{display:flex;align-items:end;justify-content:space-between;margin:35px 2px 15px}.ip-report-head h2{margin:5px 0 0;color:var(--ink);font-size:1.45rem}.ip-report-head>span{font-size:.73rem;color:var(--muted)}.ip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.ip-field{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line);border-radius:15px;padding:16px;background:linear-gradient(145deg,#fff,#fafcff)}.ip-field-icon{width:34px;height:34px;flex:0 0 auto;border-radius:10px;background:#eef1ff;color:var(--ip);display:grid;place-items:center;font-weight:800}.ip-field small,.ip-field strong,.ip-field p{display:block}.ip-field small{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.ip-field strong{color:var(--ink);margin-top:4px;overflow-wrap:anywhere}.ip-field p{font-size:.68rem;color:#8895a6;margin:3px 0 0}.ip-accuracy{display:flex;gap:14px;margin-top:15px;padding:16px 18px;border:1px solid #f3d39b;background:#fffaf0;border-radius:13px}.ip-accuracy b{flex:0 0 auto;color:#945414}.ip-accuracy p{font-size:.77rem;color:#7c664c;line-height:1.55;margin:0}.ip-explain,.ip-privacy,.ip-faq{margin-top:55px}.ip-explain>div:first-child{max-width:780px}.ip-explain h2,.ip-privacy h2,.ip-faq h2{font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.035em;color:var(--ink);margin:8px 0 13px}.ip-explain>div>p{color:var(--muted);line-height:1.8}.ip-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.ip-facts article,.ip-privacy article{border:1px solid var(--line);border-radius:17px;padding:19px;background:#fff}.ip-facts b{color:var(--ip);font-size:.75rem}.ip-facts h3,.ip-privacy h3{font-size:1rem;color:var(--ink);margin:8px 0}.ip-facts p{font-size:.8rem;line-height:1.65;color:var(--muted);margin:0}.ip-facts code{font-size:.75rem;background:#f0f3f9;padding:2px 4px;border-radius:4px}.ip-privacy>div{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ip-privacy ul{padding-left:19px;color:var(--muted);font-size:.83rem;line-height:1.9;margin-bottom:0}.ip-faq details{border-bottom:1px solid var(--line)}.ip-faq summary{padding:17px 2px;font-weight:750;color:var(--ink);cursor:pointer}.ip-faq p{color:var(--muted);line-height:1.7;margin:0 0 17px;max-width:860px}@media(max-width:850px){.ip-intro{margin:18px 14px;padding:35px 28px}.ip-signal{display:none}.ip-page{padding-left:14px!important;padding-right:14px!important}.ip-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:610px){.ip-intro{padding:30px 20px;border-radius:21px}.ip-intro h1{font-size:2.35rem}.ip-start,.ip-address-card{align-items:stretch;flex-direction:column}.ip-start button{width:100%}.ip-grid,.ip-facts,.ip-privacy>div{grid-template-columns:1fr}.ip-actions{min-width:0;width:100%}.ip-report-head{align-items:flex-start;flex-direction:column;gap:7px}.ip-accuracy{display:block}.ip-accuracy p{margin-top:6px}}
