@import url(‘https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@500;700;900&display=swap’);
:root { –bg-dark: #060b13; –bg-card: #0c1524; –bg-card-hover: #132238; –border: #1a2b4a; –border-glow: rgba(0, 240, 255, 0.3); –accent-blue: #00f0ff; –accent-red: #ff3366; –accent-red-hover: #ff1a53; –text-main: #ffffff; –text-muted: #94a3b8; –text-dim: #64748b; –nav-height: 72px; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background-color: var(–bg-dark); color: var(–text-main); font-family: ‘Inter’, sans-serif; line-height: 1.6; overflow-x: hidden; }
.bg-mesh { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: radial-gradient(circle at 15% 50%, rgba(0, 240, 255, 0.05), transparent 40%), radial-gradient(circle at 85% 30%, rgba(255, 51, 102, 0.05), transparent 40%); z-index: -1; pointer-events: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
h1, h2, h3, h4 { font-family: ‘Outfit’, sans-serif; }
.text-gradient { background: linear-gradient(135deg, var(–text-main) 0%, var(–text-muted) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-red { background: linear-gradient(135deg, #ff7b9a 0%, var(–accent-red) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 28px; border-radius: 8px; font-family: ‘Outfit’, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: all 0.3s ease; }
.btn-primary { background: var(–accent-red); color: #fff; border: none; box-shadow: 0 4px 20px rgba(255, 51, 102, 0.3); }
.btn-primary:hover { background: var(–accent-red-hover); transform: translateY(-2px); box-shadow: 0 6px 28px rgba(255, 51, 102, 0.4); }
.btn-outline { background: transparent; color: var(–text-main); border: 1px solid var(–border); }
.btn-outline:hover { border-color: var(–accent-blue); color: var(–accent-blue); background: rgba(0, 240, 255, 0.05); }
.ticker { background: var(–accent-red); color: #fff; padding: 8px 0; overflow: hidden; position: relative; z-index: 100; }
.ticker-inner { display: flex; white-space: nowrap; animation: ticker-scroll 30s linear infinite; }
.ticker-item { font-family: ‘Outfit’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 40px; }
.ticker-item::before { content: ‘⚠️’; margin-right: 8px; }
@keyframes ticker-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
nav { position: sticky; top: 0; z-index: 90; background: rgba(6, 11, 19, 0.85); backdrop-filter: blur(16px); border-bottom: 1px solid var(–border); height: var(–nav-height); display: flex; align-items: center; }
.nav-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.logo { font-family: ‘Outfit’, sans-serif; font-weight: 900; font-size: 22px; color: var(–text-main); text-decoration: none; letter-spacing: -0.02em; }
.logo span { color: var(–accent-red); }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { font-family: ‘Outfit’, sans-serif; font-size: 14px; font-weight: 500; color: var(–text-muted); text-decoration: none; transition: color 0.2s; letter-spacing: 0.02em; }
.nav-links a:hover { color: var(–text-main); }
.nav-actions { display: flex; gap: 16px; align-items: center; }
.nav-btn { padding: 8px 16px; font-size: 13px; }
.hero { position: relative; padding: 120px 0 160px; text-align: center; }
.hero-badge { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; border-radius: 100px; background: rgba(0, 240, 255, 0.05); border: 1px solid rgba(0, 240, 255, 0.2); color: var(–accent-blue); font-family: ‘Outfit’, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 32px; }
.hero-badge .dot { width: 6px; height: 6px; background: var(–accent-blue); border-radius: 50%; animation: pulse 2s infinite; }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.4); } 70% { box-shadow: 0 0 0 6px rgba(0, 240, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0); } }
.hero h1 { font-size: clamp(48px, 6vw, 84px); line-height: 1.05; letter-spacing: -0.03em; margin-bottom: 24px; max-width: 900px; margin-inline: auto; }
.hero p { font-size: clamp(16px, 2vw, 20px); color: var(–text-muted); max-width: 600px; margin: 0 auto 40px; font-weight: 300; }
.hero-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; }
.stats-container { margin-top: -80px; position: relative; z-index: 10; margin-bottom: 100px; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(–border); border: 1px solid var(–border); border-radius: 12px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
.stat-card { background: rgba(12, 21, 36, 0.9); backdrop-filter: blur(10px); padding: 32px 24px; text-align: center; }
.stat-num { font-family: ‘Outfit’, sans-serif; font-size: 42px; font-weight: 900; color: var(–text-main); line-height: 1; margin-bottom: 8px; }
.stat-num span { color: var(–accent-blue); }
.stat-label { font-size: 13px; color: var(–text-dim); text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; }
.section { padding: 80px 0; }
.section-header { text-align: center; margin-bottom: 60px; }
.section-label { color: var(–accent-red); font-family: ‘Outfit’, sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; margin-bottom: 12px; }
.section-title { font-size: clamp(32px, 4vw, 48px); line-height: 1.1; letter-spacing: -0.02em; }
.cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }
.cat-card { background: var(–bg-card); border: 1px solid var(–border); border-radius: 12px; padding: 32px; transition: all 0.3s ease; text-decoration: none; display: flex; flex-direction: column; height: 100%; }
.cat-card:hover { background: var(–bg-card-hover); border-color: rgba(255, 51, 102, 0.4); transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,0,0,0.4); }
.cat-icon { width: 48px; height: 48px; background: rgba(255, 51, 102, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 24px; transition: all 0.3s ease; }
.cat-card:hover .cat-icon { background: var(–accent-red); color: #fff; }
.cat-title { color: var(–text-main); font-size: 20px; margin-bottom: 12px; }
.cat-desc { color: var(–text-muted); font-size: 15px; margin-bottom: 24px; flex-grow: 1; }
.cat-link { color: var(–accent-red); font-family: ‘Outfit’, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: 0.05em; text-transform: uppercase; display: flex; align-items: center; gap: 6px; }
.cat-card:hover .cat-link { gap: 10px; }
.report-section { background: linear-gradient(180deg, transparent, rgba(12, 21, 36, 0.6) 20%, rgba(12, 21, 36, 0.6) 80%, transparent); border-top: 1px solid var(–border); border-bottom: 1px solid var(–border); }
.report-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 60px; align-items: start; }
.timeline { position: relative; padding-left: 30px; margin-top: 40px; }
.timeline::before { content: ”; position: absolute; left: 11px; top: 0; height: 100%; width: 2px; background: var(–border); }
.timeline-item { position: relative; margin-bottom: 40px; }
.timeline-item::before { content: ”; position: absolute; left: -34px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(–bg-dark); border: 2px solid var(–accent-blue); box-shadow: 0 0 10px var(–accent-blue); }
.timeline-item:last-child { margin-bottom: 0; }
.timeline-title { color: var(–text-main); font-size: 18px; margin-bottom: 8px; }
.timeline-desc { color: var(–text-muted); font-size: 15px; }
.form-container-box { background: var(–bg-card); border: 1px solid var(–border); border-radius: 16px; padding: 40px; box-shadow: 0 20px 50px rgba(0,0,0,0.5); position: relative; overflow: hidden; }
.form-container-box::before { content: ”; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(–accent-red), #ff7b9a); }
.form-header { margin-bottom: 30px; }
.form-header h3 { font-size: 24px; margin-bottom: 8px; }
.form-header p { color: var(–text-muted); font-size: 14px; }
div.wpforms-container-full .wpforms-form .wpforms-field-label { color: var(–text-main) !important; font-family: ‘Outfit’, sans-serif !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin-bottom: 8px !important; }
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { background: rgba(6, 11, 19, 0.8) !important; border: 1px solid var(–border) !important; color: var(–text-main) !important; border-radius: 8px !important; padding: 14px 16px !important; font-family: ‘Inter’, sans-serif !important; transition: all 0.3s ease !important; }
div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form select:focus, div.wpforms-container-full .wpforms-form textarea:focus { border-color: var(–accent-blue) !important; box-shadow: 0 0 0 1px var(–accent-blue) !important; outline: none !important; }
div.wpforms-container-full .wpforms-form button[type=submit] { background: var(–accent-red) !important; color: #fff !important; font-family: ‘Outfit’, sans-serif !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; padding: 16px 32px !important; border-radius: 8px !important; border: none !important; width: 100% !important; cursor: pointer !important; transition: all 0.3s ease !important; margin-top: 10px !important; }
div.wpforms-container-full .wpforms-form button[type=submit]:hover { background: var(–accent-red-hover) !important; transform: translateY(-2px) !important; }
footer { border-top: 1px solid var(–border); padding: 40px 0; text-align: center; color: var(–text-dim); font-size: 14px; }
.footer-links { display: flex; justify-content: center; gap: 24px; margin-bottom: 20px; }
.footer-links a { color: var(–text-muted); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(–text-main); }
@media (max-width: 992px) { .hero h1 { font-size: 42px; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .report-grid { grid-template-columns: 1fr; gap: 40px; } .nav-links { display: none; } }
@media (max-width: 576px) { .stats-grid { grid-template-columns: 1fr; } .cat-grid { grid-template-columns: 1fr; } .hero { padding: 80px 0 100px; } .stats-container { margin-top: -40px; } }
High Priority: Fake cryptocurrency platforms targeting users via WhatsApp
Alert: Spike in romance scams reported on major dating apps
Warning: E-commerce sites cloning popular brand stores detected
High Priority: Fake cryptocurrency platforms targeting users via WhatsApp
Alert: Spike in romance scams reported on major dating apps
Warning: E-commerce sites cloning popular brand stores detected
Track, Report, and
We empower individuals and businesses with real-time intelligence to identify threats, report malicious actors, and protect against sophisticated scams.
Take Action
Report an Incident
Your report is crucial. We categorize and analyze all submissions to detect emerging patterns and protect others from falling victim to similar tactics.
1. Document Evidence
Gather screenshots, URLs, cryptocurrency addresses, and any correspondence.
2. Submit Intelligence
Use our secure form to lodge your report. Anonymous submissions are accepted.
3. Analysis & Escalation
Our team analyzes the vector and, when applicable, escalates to relevant authorities.
4. Secure Yourself
Immediately change passwords, freeze compromised cards, and enable 2FA.
[wpforms id=”1604″]