<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cyntrisec Security Report - 123456789012</title>
<style>
:root {
--bg: #0c0c0c;
--fg: #cccccc;
--dim: #666666;
--accent: #33ff00; /* Terminal Green */
--accent-dim: #1a8000;
--border: #333333;
--panel: #111111;
/* Severities */
--sev-critical: #ff0055;
--sev-high: #ff9900;
--sev-medium: #ffcc00;
--sev-low: #33ff00;
--sev-info: #00ccff;
}
@font-face {
font-family: 'Terminess';
src: local('Consolas'), local('Monaco'), local('Andale Mono'), local('Ubuntu Mono'), monospace;
}
* { box-sizing: border-box; }
body {
background-color: var(--bg);
color: var(--fg);
font-family: 'Terminess', monospace;
font-size: 14px;
margin: 0;
padding: 20px;
line-height: 1.5;
}
.container {
max-width: 1200px;
margin: 0 auto;
border: 1px solid var(--border);
padding: 20px;
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
/* Header */
header {
border-bottom: 2px dashed var(--border);
padding-bottom: 20px;
margin-bottom: 30px;
}
h1 {
color: var(--accent);
text-transform: uppercase;
font-size: 24px;
margin: 0 0 10px 0;
letter-spacing: 1px;
text-shadow: 0 0 5px rgba(51, 255, 0, 0.3);
}
.meta {
color: var(--dim);
font-size: 12px;
}
/* Sections */
h2 {
color: #fff;
background: var(--border);
display: inline-block;
padding: 2px 10px;
margin: 40px 0 15px 0;
font-size: 16px;
text-transform: uppercase;
}
/* Stats Grid */
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin-bottom: 30px;
}
.stat-card {
border: 1px solid var(--border);
background: var(--panel);
padding: 15px;
text-align: center;
}
.stat-val {
font-size: 32px;
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.stat-label {
color: var(--dim);
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
}
/* Colors for Stats */
.sc-critical { color: var(--sev-critical); border-color: var(--sev-critical); }
.sc-high { color: var(--sev-high); border-color: var(--sev-high); }
/* Tables */
.cli-table {
width: 100%;
border-collapse: collapse;
font-size: 13px;
}
.cli-table th {
text-align: left;
border-bottom: 1px solid var(--fg);
color: var(--accent);
padding: 8px;
text-transform: uppercase;
}
.cli-table td {
border-bottom: 1px solid var(--border);
padding: 8px;
color: #eeeeee;
}
.cli-table tr:hover td {
background-color: #1a1a1a;
color: #fff;
}
/* Badges & Pills */
.badge {
padding: 2px 6px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid;
}
.badge-critical { color: var(--sev-critical); border-color: var(--sev-critical); }
.badge-high { color: var(--sev-high); border-color: var(--sev-high); }
.badge-medium { color: var(--sev-medium); border-color: var(--sev-medium); }
.badge-low { color: var(--sev-low); border-color: var(--sev-low); }
.badge-info { color: var(--sev-info); border-color: var(--sev-info); }
.risk-critical { color: var(--sev-critical); font-weight: bold; }
.risk-high { color: var(--sev-high); }
.risk-low { color: var(--sev-low); }
.footer {
margin-top: 50px;
border-top: 1px dotted var(--border);
padding-top: 15px;
text-align: center;
font-size: 11px;
color: var(--dim);
}
a { color: var(--fg); text-decoration: none; border-bottom: 1px solid var(--dim); }
a:hover { color: var(--accent); border-color: var(--accent); }
.empty-state {
padding: 20px;
color: var(--dim);
font-style: italic;
border: 1px dashed var(--border);
}
</style>
</head>
<body>
<div class="container">
<header>
<h1>> Cyntrisec Security Report - 123456789012_</h1>
<div class="meta">
TARGET_ACCOUNT: 123456789012 <br>
REGIONS.......: us-east-1 <br>
TIMESTAMP.....: 2026-01-20 16:39:52 UTC <br>
STATUS........: 2 FINDINGS DETECTED
</div>
</header>
<div class="stats-grid">
<div class="stat-card">
<span class="stat-val" style="color:#fff">6</span>
<span class="stat-label">Assets Scanned</span>
</div>
<div class="stat-card">
<span class="stat-val" style="color:var(--sev-high)">2</span>
<span class="stat-label">Attack Paths</span>
</div>
<div class="stat-card sc-critical">
<span class="stat-val">1</span>
<span class="stat-label">Critical</span>
</div>
<div class="stat-card sc-high">
<span class="stat-val">1</span>
<span class="stat-label">High Risk</span>
</div>
</div>
<h2>// DETECTED ATTACK PATHS</h2>
<table class="cli-table">
<thead><tr><th>RISK</th><th>VECTOR</th><th>LEN</th><th>ENTRY</th><th>IMPACT</th></tr></thead>
<tbody><tr><td><span class="risk-high">0.650</span></td><td>instance-compromise</td><td>3</td><td>0.90</td><td>0.90</td></tr><tr><td><span class="risk-high">0.500</span></td><td>data-exfiltration</td><td>3</td><td>0.90</td><td>0.80</td></tr></tbody>
</table>
<h2>// SECURITY FINDINGS</h2>
<table class="cli-table">
<thead><tr><th>SEVERITY</th><th>TYPE</th><th>TITLE</th></tr></thead>
<tbody><tr><td><span class="badge badge-critical">CRITICAL</span></td><td>s3_public_bucket</td><td>S3 bucket is public</td></tr><tr><td><span class="badge badge-high">HIGH</span></td><td>security_group_open_to_world</td><td>Security group allows 0.0.0.0/0 ingress</td></tr></tbody>
</table>
<div class="footer">
[ CYNTRISEC SECURITY CLI v0.1 ] <br>
<a href="https://cyntrisec.com">DOCUMENTATION</a> | <a href="https://github.com/cyntrisec/cyntrisec-cli">SOURCE</a>
</div>
</div>
</body>
</html>
