.scanner{--sc-primary:#ef4444;--sc-secondary:#f97316;--sc-bg:#030712;--sc-card:#111827bf;--sc-border:#1f293799;--sc-text:#f9fafb;--sc-muted:#6b7280;--sc-subtle:#d1d5db;background:var(--sc-bg);min-height:100vh;color:var(--sc-text);font-family:Inter,sans-serif;position:relative}.scanner .gradient-text{background:linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scanner .card{background:var(--sc-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--sc-border);border-radius:16px;padding:1.5rem;transition:border-color .2s}.scanner .card:hover{border-color:#ef44444d}.scanner .sc-btn{background:linear-gradient(135deg, var(--sc-primary), var(--sc-secondary));color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 20px #ef44444d}.scanner .sc-btn:hover{transform:translateY(-2px);box-shadow:0 4px 30px #ef444480}.scanner .sc-btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #ef444466;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 32px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;transition:all .2s;display:flex}.scanner .sc-btn-outline:hover{background:#ef444414}.scanner input[type=text],.scanner input[type=url],.scanner select{border:1px solid var(--sc-border);width:100%;color:var(--sc-text);background:#030712;border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.scanner input:focus,.scanner select:focus{border-color:var(--sc-primary)}.scanner .sev-critical{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.scanner .sev-high{color:#f97316;background:#f9731626;border:1px solid #f973164d}.scanner .sev-medium{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.scanner .sev-low{color:#9ca3af;background:#6b72804d;border:1px solid #6b72804d}.scanner .feature-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:600px){.scanner .feature-grid{grid-template-columns:1fr 1fr!important}}@media (max-width:360px){.scanner .feature-grid{grid-template-columns:1fr!important}}