/* scanbox.css: the domain-input free-scan box (tools/scanbox.py). Same look as the blog's
   "Check if your site has this issue" band: black card, cyan glow, yellow button. */
.scanbox{--sb-black:#0D0D0D;--sb-yellow:#FFE600;--sb-yellow-d:#c8b800;--sb-cyan:#00AEEF;
  position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px;align-items:center;
  margin:36px 0;padding:clamp(22px,4vw,34px);background:var(--sb-black);color:#fff;border-radius:24px;border:1px solid rgba(0,174,239,.35);font-family:'Sora',sans-serif;}
.scanbox::before{content:'';position:absolute;top:-90px;left:-70px;width:260px;height:260px;background:radial-gradient(circle,rgba(0,174,239,.3),transparent 70%);pointer-events:none;}
.scanbox>*{position:relative;}
.scanbox-tag{display:inline-block;margin:0 0 10px;font:700 11px/1 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-cyan);}
.scanbox .scanbox-h{margin:0 0 8px;padding:0;border:0;color:#fff;font-size:clamp(20px,3vw,26px);font-weight:900;line-height:1.2;letter-spacing:-.02em;}
.scanbox-p{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.65;}
.scanbox-label{display:block;margin-bottom:8px;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.scanbox-row{display:flex;gap:10px;flex-wrap:wrap;}
.scanbox-row input{flex:1;min-width:180px;padding:13px 16px;border-radius:8px;border:1.5px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#fff;font:400 15px 'Sora',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;}
.scanbox-row input::placeholder{color:rgba(255,255,255,.4);}
.scanbox-row input:focus{border-color:var(--sb-yellow);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px rgba(255,230,0,.18);}
.scanbox-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border:0;border-radius:8px;background:var(--sb-yellow);color:var(--sb-black);font:800 14px 'Sora',sans-serif;cursor:pointer;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s;}
.scanbox-btn:hover{background:var(--sb-yellow-d);transform:translateY(-2px);box-shadow:0 10px 28px rgba(255,230,0,.35);}
.scanbox-btn:focus-visible,.scanbox-row input:focus-visible{outline:3px solid var(--sb-yellow);outline-offset:2px;}
.scanbox-note{margin:10px 0 0;color:rgba(255,255,255,.5);font-size:12.5px;line-height:1.5;}
@media(max-width:820px){.scanbox{grid-template-columns:1fr;gap:18px;}}
@media(max-width:520px){.scanbox-row{flex-direction:column;}.scanbox-btn{width:100%;}}
@media(prefers-reduced-motion:reduce){.scanbox-btn{transition:none;}.scanbox-btn:hover{transform:none;}}