*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
    --bg-primary:#0a0a0a;
    --bg-secondary:#0d1117;
    --bg-terminal:#0c0f14;
    --bg-card:rgba(13,17,23,0.85);
    --text-primary:#e6edf3;
    --text-secondary:#8b949e;
    --text-muted:#484f58;
    --green:#00ff41;
    --green-dim:#00cc33;
    --green-dark:#003b00;
    --cyan:#0cffc8;
    --red:#ff003c;
    --red-dim:#cc0028;
    --purple:#8b5cf6;
    --yellow:#ffd700;
    --orange:#ff6b35;
    --blue:#3b82f6;
    --glow-green:rgba(0,255,65,0.25);
    --glow-cyan:rgba(12,255,200,0.2);
    --glow-red:rgba(255,0,60,0.2);
    --border-color:rgba(48,54,61,0.6);
    --border-glow:rgba(0,255,65,0.15);
    --font-sans:'Inter','SF Pro Display',-apple-system,BlinkMacSystemFont,sans-serif;
    --font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;
    --radius:8px;
    --radius-sm:4px;
    --transition:0.25s cubic-bezier(0.22,1,0.36,1)
}
html{scroll-behavior:smooth}
body{
    font-family:var(--font-mono);
    background:var(--bg-primary);
    color:var(--text-primary);
    min-height:100vh;
    overflow-x:hidden;
    line-height:1.6;
    font-size:14px
}
#three-container{
    position:fixed;
    top:0;left:0;
    width:100vw;height:100vh;
    z-index:0;
    pointer-events:none
}
::selection{background:var(--green);color:var(--bg-primary)}

body::after{
    content:'';
    position:fixed;
    top:0;left:0;
    width:100%;height:100%;
    pointer-events:none;
    z-index:9999;
    background:repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0,255,65,0.015) 2px,
        rgba(0,255,65,0.015) 4px
    )
}

.navbar{
    position:fixed;
    top:0;left:0;right:0;
    z-index:100;
    padding:0 24px;
    height:48px;
    display:flex;
    align-items:center;
    background:rgba(10,10,10,0.95);
    border-bottom:1px solid var(--border-color);
    backdrop-filter:blur(12px)
}
.nav-content{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.nav-logo{
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:700;
    font-size:0.95rem;
    text-transform:uppercase;
    letter-spacing:3px;
    color:var(--green)
}
.nav-logo .logo-bracket{color:var(--text-muted)}
.nav-links{display:flex;gap:4px}
.nav-links a{
    color:var(--text-muted);
    text-decoration:none;
    font-size:0.75rem;
    text-transform:uppercase;
    letter-spacing:1.5px;
    padding:6px 14px;
    border:1px solid transparent;
    transition:var(--transition)
}
.nav-links a:hover{
    color:var(--green);
    border-color:var(--border-glow)
}

.hero{
    position:relative;
    z-index:1;
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:80px 24px 40px
}
.hero-content{
    text-align:center;
    max-width:720px;
    position:relative
}
.hero-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 16px;
    border:1px solid var(--green-dark);
    font-size:0.7rem;
    font-weight:500;
    color:var(--green);
    text-transform:uppercase;
    letter-spacing:3px;
    margin-bottom:28px;
    position:relative;
    animation:fadeInDown 0.8s ease-out
}
.hero-badge::before{
    content:'>';
    color:var(--green-dim)
}
.hero-badge .blink{
    display:inline-block;
    width:8px;height:8px;
    background:var(--green);
    animation:blink 1s step-end infinite
}
.hero-title{
    font-size:clamp(2rem,7vw,4rem);
    font-weight:800;
    line-height:1.05;
    margin-bottom:20px;
    text-transform:uppercase;
    letter-spacing:-1px;
    animation:fadeInUp 0.8s ease-out 0.1s both
}
.hero-title .line1{color:var(--text-primary);display:block}
.hero-title .line2{
    display:block;
    color:var(--green);
    text-shadow:0 0 30px var(--glow-green),0 0 60px var(--glow-green);
    position:relative
}
.hero-title .line2::after{
    content:'_';
    animation:blink 1s step-end infinite;
    color:var(--text-primary)
}
.hero-subtitle{
    font-size:clamp(0.8rem,1.5vw,0.95rem);
    color:var(--text-secondary);
    max-width:560px;
    margin:0 auto 36px;
    line-height:1.8;
    font-family:var(--font-mono);
    animation:fadeInUp 0.8s ease-out 0.2s both
}

.search-container{
    max-width:640px;
    margin:0 auto;
    animation:fadeInUp 0.8s ease-out 0.3s both
}
.search-box{
    display:flex;
    gap:0;
    background:var(--bg-terminal);
    border:1px solid var(--border-color);
    transition:var(--transition);
    position:relative
}
.search-box:focus-within{
    border-color:var(--green);
    box-shadow:0 0 20px var(--glow-green),inset 0 0 20px rgba(0,255,65,0.03)
}
.search-input-wrapper{
    flex:1;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 14px;
    border-right:1px solid var(--border-color)
}
.search-input-wrapper .prompt{
    color:var(--green-dim);
    font-size:0.85rem;
    flex-shrink:0
}
.search-input-wrapper input{
    background:none;
    border:none;
    outline:none;
    color:var(--text-primary);
    font-size:0.9rem;
    font-family:var(--font-mono);
    width:100%;
    padding:12px 0;
    letter-spacing:0.5px
}
.search-input-wrapper input::placeholder{
    color:var(--text-muted);
    font-family:var(--font-mono)
}
.search-box button{
    background:var(--green);
    border:none;
    color:var(--bg-primary);
    padding:12px 28px;
    font-size:0.8rem;
    font-weight:700;
    font-family:var(--font-mono);
    cursor:pointer;
    transition:var(--transition);
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:2px;
    position:relative;
    overflow:hidden
}
.search-box button:hover{
    background:var(--green-dim);
    box-shadow:0 0 30px var(--glow-green)
}
.search-box button:active{transform:scale(0.97)}
.search-box button.loading{opacity:0.7;pointer-events:none}
.search-box button.loading .btn-text{opacity:0}
.btn-text{transition:var(--transition)}
.search-box button .btn-loader{
    position:absolute;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    opacity:0;
    transition:var(--transition)
}
.search-box button.loading .btn-loader{opacity:1}
.spinner{
    width:16px;height:16px;
    border:2px solid rgba(0,0,0,0.2);
    border-top-color:var(--bg-primary);
    border-radius:50%;
    animation:spin 0.6s linear infinite
}
.search-hint{
    color:var(--text-muted);
    font-size:0.7rem;
    margin-top:14px;
    letter-spacing:1px
}

.results-section{
    position:relative;
    z-index:1;
    max-width:1200px;
    margin:0 auto;
    padding:40px 24px 80px
}
.results-header{
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:24px;
    padding:12px 16px;
    background:var(--bg-terminal);
    border:1px solid var(--border-color);
    animation:fadeInUp 0.5s ease-out
}
.results-header .prompt{color:var(--green-dim);font-size:0.8rem}
.results-header h2{
    font-size:0.9rem;
    font-weight:500;
    font-family:var(--font-mono);
    text-transform:uppercase;
    letter-spacing:1px
}
.results-header h2 span{color:var(--green)}
.results-status{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:0.75rem;
    font-family:var(--font-mono)
}
.status-dot{
    width:6px;height:6px;
    border-radius:0
}
.status-dot.scanning{background:var(--yellow);box-shadow:0 0 8px rgba(255,215,0,0.5);animation:blink 0.8s step-end infinite}
.status-dot.complete{background:var(--green);box-shadow:0 0 8px var(--glow-green)}
.status-dot.error{background:var(--red);box-shadow:0 0 8px var(--glow-red)}
.btn-new-scan{
    margin-left:auto;
    padding:6px 16px;
    border:1px solid var(--border-color);
    background:transparent;
    color:var(--text-muted);
    font-family:var(--font-mono);
    font-size:0.7rem;
    text-transform:uppercase;
    letter-spacing:1.5px;
    cursor:pointer;
    transition:var(--transition)
}
.btn-new-scan:hover{
    border-color:var(--green);
    color:var(--green)
}

.results-grid{
    display:grid;
    gap:2px;
    grid-template-columns:1fr;
    border:1px solid var(--border-color);
    background:var(--border-color)
}
@media(min-width:900px){
    .results-grid{grid-template-columns:1fr 1fr}
    .results-grid .result-card:first-child{grid-column:1/-1}
}
.result-card{
    background:var(--bg-terminal);
    padding:0;
    transition:var(--transition);
    animation:cardIn 0.4s ease-out both;
    border:none
}
.result-card:hover{
    background:rgba(13,17,23,0.95)
}
.result-card-header{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    border-bottom:1px solid var(--border-color);
    cursor:pointer;
    user-select:none
}
.result-card-header .icon{
    width:28px;height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:0.8rem
}
.result-card-header .icon svg{width:16px;height:16px}
.icon-whois{color:var(--green)}
.icon-subdomain{color:var(--cyan)}
.icon-ssl{color:var(--yellow)}
.icon-tech{color:var(--purple)}
.icon-cve{color:var(--red)}
.icon-waf{color:var(--orange)}
.icon-bypass{color:var(--red)}
.icon-port{color:var(--text-secondary)}
.icon-vuln{color:var(--red)}
.icon-wp{color:var(--blue)}
.icon-redirect{color:var(--yellow)}
.icon-cms{color:var(--purple)}
.icon-reverse{color:var(--green)}
.icon-api{color:var(--cyan)}
.icon-oauth{color:var(--yellow)}
.icon-cors{color:var(--orange)}
.result-card-header h3{
    font-size:0.75rem;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-family:var(--font-mono)
}
.card-badge{
    margin-left:auto;
    padding:2px 8px;
    font-size:0.6rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    font-family:var(--font-mono)
}
.card-badge.loading{
    background:transparent;
    color:var(--yellow);
    border:1px solid rgba(255,215,0,0.3);
    animation:pulse 1.2s ease-in-out infinite
}
.card-badge.done{
    background:transparent;
    color:var(--green);
    border:1px solid rgba(0,255,65,0.3)
}
.card-badge.error{
    background:transparent;
    color:var(--red);
    border:1px solid rgba(255,0,60,0.3)
}

.result-card-body{
    padding:12px 14px;
    font-size:0.8rem;
    font-family:var(--font-mono)
}
.result-row{
    display:flex;
    gap:12px;
    padding:5px 0;
    border-bottom:1px solid rgba(48,54,61,0.2)
}
.result-row:last-child{border-bottom:none}
.result-label{
    color:var(--text-muted);
    font-size:0.7rem;
    min-width:110px;
    flex-shrink:0;
    text-transform:uppercase;
    letter-spacing:0.5px
}
.result-value{
    color:var(--text-primary);
    font-weight:400;
    word-break:break-all;
    font-size:0.8rem
}
.result-value.highlight{color:var(--green)}
.result-value.expired{color:var(--red)}
.result-value .tag{
    display:inline-block;
    padding:1px 6px;
    font-size:0.6rem;
    font-weight:600;
    margin:1px;
    text-transform:uppercase;
    letter-spacing:0.5px
}
.tag-critical{background:rgba(255,0,60,0.15);color:var(--red);border:1px solid rgba(255,0,60,0.3)}
.tag-high{background:rgba(255,107,53,0.15);color:var(--orange);border:1px solid rgba(255,107,53,0.3)}
.tag-medium{background:rgba(255,215,0,0.15);color:var(--yellow);border:1px solid rgba(255,215,0,0.3)}
.tag-low{background:rgba(0,255,65,0.1);color:var(--green);border:1px solid rgba(0,255,65,0.3)}
.tag-info{background:rgba(12,255,200,0.1);color:var(--cyan);border:1px solid rgba(12,255,200,0.3)}

.tech-grid{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
    margin-top:6px
}
.tech-tag{
    padding:3px 8px;
    font-size:0.7rem;
    font-weight:500;
    font-family:var(--font-mono);
    background:transparent;
    border:1px solid var(--border-color);
    letter-spacing:0.5px
}
.tech-tag.high{border-color:var(--green);color:var(--green)}
.tech-tag.medium{border-color:var(--text-muted);color:var(--text-secondary)}

.cve-list{margin-top:6px}
.cve-item{
    padding:8px;
    margin-bottom:4px;
    border:1px solid rgba(48,54,61,0.3);
    background:rgba(255,255,255,0.015)
}
.cve-item:hover{background:rgba(255,255,255,0.025)}
.cve-id{
    font-family:var(--font-mono);
    font-size:0.75rem;
    color:var(--cyan);
    margin-bottom:3px
}
.cve-summary{
    font-size:0.75rem;
    color:var(--text-secondary);
    line-height:1.5
}
.cve-meta{
    display:flex;
    gap:10px;
    margin-top:4px;
    font-size:0.65rem;
    color:var(--text-muted)
}
.cve-meta a{color:var(--green);text-decoration:none}
.cve-meta a:hover{text-decoration:underline}

.subdomain-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:4px 6px;
    border-bottom:1px solid rgba(48,54,61,0.15);
    cursor:pointer;
    gap:6px
}
.subdomain-item:hover{background:rgba(255,255,255,0.03)}
.subdomain-cb{cursor:pointer;accent-color:var(--red);width:14px;height:14px;flex-shrink:0}
.nuclei-btn{
    background:transparent;border:1px solid var(--red);color:var(--red);padding:4px 12px;
    font-family:var(--font-mono);font-size:0.65rem;cursor:pointer;border-radius:0;transition:all 0.2s;
    letter-spacing:0.5px;
}
.nuclei-btn:hover{background:var(--red);color:var(--bg-color)}

.port-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:5px 6px;
    border-bottom:1px solid rgba(48,54,61,0.15);
    font-size:0.75rem
}
.port-item:hover{background:rgba(255,255,255,0.015)}
.port-number{
    font-family:var(--font-mono);
    font-weight:600;
    color:var(--cyan);
    margin-right:8px
}
.port-service{
    color:var(--text-secondary);
    font-size:0.7rem
}
.port-banner{
    color:var(--text-muted);
    font-size:0.65rem;
    max-width:200px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.vuln-item{
    padding:6px 8px;
    margin-bottom:4px;
    border:1px solid rgba(48,54,61,0.3);
    background:rgba(255,255,255,0.015)
}
.vuln-item:hover{background:rgba(255,255,255,0.025)}
.vuln-name{
    font-family:var(--font-mono);
    font-size:0.75rem;
    color:var(--text-primary)
}
.vuln-meta{
    font-size:0.65rem;
    color:var(--text-muted);
    margin-top:2px
}

.wp-item{
    display:flex;
    justify-content:space-between;
    padding:3px 6px;
    border-bottom:1px solid rgba(48,54,61,0.1);
    font-size:0.75rem
}
.wp-name{color:var(--text-primary);font-family:var(--font-mono)}
.wp-ver{color:var(--text-muted);font-size:0.65rem}

.redirect-hop{
    padding:5px 6px;
    border-bottom:1px solid rgba(48,54,61,0.12);
    font-size:0.75rem
}
.redirect-label{
    font-size:0.8rem;
    margin-right:6px;
    font-weight:700
}
.redirect-status{
    font-family:var(--font-mono);
    font-weight:600;
    font-size:0.8rem
}

.cms-item{
    padding:6px 8px;
    margin-bottom:4px;
    border:1px solid rgba(48,54,61,0.3);
    background:rgba(255,255,255,0.015)
}
.cms-name{
    font-family:var(--font-mono);
    font-size:0.75rem;
    color:var(--purple);
    font-weight:600
}
.cms-ver{
    font-size:0.65rem;
    color:var(--text-muted);
    margin-left:6px
}

.reverse-domain{
    padding:4px 6px;
    font-size:0.75rem;
    color:var(--green);
    font-family:var(--font-mono);
    border-bottom:1px solid rgba(48,54,61,0.1)
}

.api-endpoint{
    padding:5px 6px;
    border-bottom:1px solid rgba(48,54,61,0.1);
    font-size:0.75rem
}
.api-endpoint:hover{background:rgba(255,255,255,0.015)}

.oauth-ep{
    display:flex;
    justify-content:space-between;
    padding:3px 6px;
    border-bottom:1px solid rgba(48,54,61,0.08);
    font-size:0.75rem
}
.oauth-issue{
    padding:5px 6px;
    margin-bottom:3px;
    border:1px solid rgba(48,54,61,0.2);
    background:rgba(255,255,255,0.01)
}

.cors-issue{
    padding:5px 6px;
    margin-bottom:3px;
    border:1px solid rgba(48,54,61,0.2);
    background:rgba(255,255,255,0.01)
}
.cors-test{
    padding:4px;
    margin-bottom:3px;
    border-bottom:1px solid rgba(48,54,61,0.08)
}
.subdomain-name{
    font-family:var(--font-mono);
    font-size:0.75rem;
    color:var(--cyan)
}
.subdomain-ips{
    font-size:0.65rem;
    color:var(--text-muted)
}

.features-section,.about-section{
    position:relative;
    z-index:1;
    padding:80px 24px;
    max-width:1200px;
    margin:0 auto
}
.section-title{
    text-align:center;
    font-size:1rem;
    font-weight:600;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:3px;
    color:var(--green)
}
.section-subtitle{
    text-align:center;
    color:var(--text-muted);
    margin-bottom:40px;
    font-size:0.8rem;
    font-family:var(--font-mono)
}
.features-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:2px;
    background:var(--border-color);
    border:1px solid var(--border-color)
}
.feature-card{
    background:var(--bg-terminal);
    padding:24px;
    transition:var(--transition);
    animation:fadeInUp 0.6s ease-out both;
    position:relative
}
.feature-card:hover{
    background:rgba(13,17,23,0.95)
}
.feature-card .corner{
    position:absolute;
    top:8px;right:8px;
    color:var(--green-dark);
    font-size:0.6rem;
    font-family:var(--font-mono);
    opacity:0
}
.feature-card:hover .corner{opacity:1}
.feature-icon{
    width:36px;height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    border:1px solid var(--border-color)
}
.feature-icon svg{width:18px;height:18px}
.feature-card h3{
    font-size:0.8rem;
    font-weight:600;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:1.5px;
    font-family:var(--font-mono);
    color:var(--text-primary)
}
.feature-card p{
    color:var(--text-secondary);
    font-size:0.75rem;
    line-height:1.7;
    font-family:var(--font-mono)
}

.about-content{
    text-align:center;
    max-width:600px;
    margin:0 auto;
    padding:24px;
    border:1px solid var(--border-color);
    background:var(--bg-terminal)
}
.about-text{
    color:var(--text-secondary);
    font-size:0.8rem;
    line-height:1.8;
    margin-top:12px;
    font-family:var(--font-mono)
}

.footer{
    position:relative;
    z-index:1;
    text-align:center;
    padding:24px;
    border-top:1px solid var(--border-color);
    color:var(--text-muted);
    font-size:0.65rem;
    letter-spacing:1px
}

.toast{
    position:fixed;
    bottom:24px;right:24px;
    z-index:1000;
    padding:8px 16px;
    background:var(--bg-terminal);
    border:1px solid var(--border-color);
    color:var(--text-primary);
    font-size:0.75rem;
    font-family:var(--font-mono);
    transform:translateY(100px);
    opacity:0;
    transition:var(--transition);
    pointer-events:none;
    max-width:400px
}
.toast.show{
    transform:translateY(0);
    opacity:1
}
.toast.error{border-color:var(--red);box-shadow:0 0 20px var(--glow-red)}
.toast.success{border-color:var(--green);box-shadow:0 0 20px var(--glow-green)}
.toast .prefix{color:var(--text-muted)}

details summary{
    cursor:pointer;
    font-size:0.7rem;
    color:var(--green);
    text-transform:uppercase;
    letter-spacing:1px;
    padding:4px 0;
    outline:none;
    user-select:none
}
details summary::-webkit-details-marker{display:none}
details summary::before{content:'[+] ';color:var(--text-muted)}
details[open] summary::before{content:'[-] ';color:var(--text-muted)}

@keyframes fadeInUp{
    from{opacity:0;transform:translateY(15px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown{
    from{opacity:0;transform:translateY(-15px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes cardIn{
    from{opacity:0;transform:translateY(10px)}
    to{opacity:1;transform:translateY(0)}
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{50%{opacity:0}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}

.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:12px}
.tool-card{background:var(--bg-terminal);border:1px solid var(--border-color);padding:0;border-radius:0}
.tool-card-header{padding:10px 14px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}
.tool-card-body{padding:12px 14px}

.bb-flow{display:flex;flex-direction:column;gap:2px;background:var(--border-color);border:1px solid var(--border-color)}
.bb-step{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:var(--bg-terminal);transition:var(--transition)}
.bb-step:hover{background:rgba(13,17,23,0.95)}
.bb-num{font-size:1.2rem;font-weight:800;color:var(--green-dark);font-family:var(--font-mono);flex-shrink:0;width:32px;line-height:1.4}
.bb-content h3{font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);margin-bottom:4px;font-family:var(--font-mono)}
.bb-content p{font-size:0.75rem;color:var(--text-secondary);line-height:1.6;font-family:var(--font-mono)}
.bb-mod{display:block;font-size:0.6rem;color:var(--cyan);margin-top:4px;opacity:0.7;letter-spacing:0.5px}

.report-content{font-family:var(--font-mono);font-size:0.75rem;line-height:1.6}
.rp-stat{display:flex;flex-direction:column;align-items:center;padding:8px 16px;border:1px solid var(--border-color);background:rgba(255,255,255,0.02);min-width:80px}
.rp-stat.rp-critical{border-color:var(--red);background:rgba(255,0,60,0.05)}
.rp-stat.rp-high{border-color:var(--orange);background:rgba(255,107,53,0.05)}
.rp-stat.rp-medium{border-color:var(--yellow);background:rgba(255,215,0,0.05)}
.rp-num{font-size:1.4rem;font-weight:800;color:var(--text-primary)}
.rp-label{font-size:0.55rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-top:2px}
.rp-finding{border-radius:0;transition:var(--transition)}
.rp-finding:hover{background:rgba(255,255,255,0.03)}
.report-btn{background:transparent;border:1px solid;padding:6px 14px;font-family:var(--font-mono);font-size:0.6rem;cursor:pointer;letter-spacing:0.5px;transition:all 0.2s}
.report-btn:hover{background:currentColor;color:var(--bg-primary)!important}
.tool-textarea{width:100%;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary);padding:8px;font-family:var(--font-mono);font-size:0.7rem;resize:vertical;border-radius:0;box-sizing:border-box}
.tool-textarea:focus{outline:none;border-color:var(--text-muted)}
.tool-btn{background:transparent;border:1px solid;padding:6px 14px;font-family:var(--font-mono);font-size:0.65rem;cursor:pointer;border-radius:0;transition:all 0.2s;margin-top:8px;letter-spacing:0.5px}
.tool-btn:hover{background:currentColor;color:var(--bg-color)}

@media(max-width:600px){
    .search-box{flex-direction:column;border:none;background:transparent;gap:2px}
    .search-input-wrapper{border-right:none;border:1px solid var(--border-color);background:var(--bg-terminal)}
    .search-box button{width:100%}
    .results-header{flex-direction:column;align-items:flex-start;gap:8px}
    .btn-new-scan{margin-left:0}
    .nav-links{display:none}
    .result-label{min-width:80px}
}