:root{--ink:#071527;--navy:#09233f;--cyan:#00a8c8;--cyan2:#65e7f4;--paper:#f3f6f7;--line:#d7e0e5;--muted:#607181;--red:#d83a42;--orange:#e87530;--green:#218667}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.topbar{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.03em}
.brandmark{display:grid;place-items:center;width:38px;height:38px;background:var(--cyan);color:#fff;font-weight:900}
.topbar nav{display:flex;gap:28px;margin-left:auto;font:700 11px/1 monospace;letter-spacing:.1em}
.topbar nav a:hover{color:var(--cyan)}
.primary{background:var(--ink);color:#fff;padding:14px 18px;font:700 11px/1 monospace;letter-spacing:.08em}
.menu{display:none}
.hero{min-height:580px;padding:94px max(7vw,32px) 78px;background:radial-gradient(circle at 83% 40%,rgba(0,168,200,.2),transparent 24%),linear-gradient(120deg,#061424 0%,#0b2947 75%,#0c3757 100%);color:#fff;position:relative;overflow:hidden}
.hero-grid{position:absolute;right:-5%;top:-25%;width:52%;height:150%;opacity:.18;background-image:linear-gradient(rgba(98,231,244,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(98,231,244,.35) 1px,transparent 1px);background-size:42px 42px;transform:perspective(600px) rotateY(-18deg) rotateZ(-5deg);mask-image:linear-gradient(to left,#000,transparent)}
.eyebrow,.kicker{font:700 11px/1 monospace;letter-spacing:.14em;color:var(--cyan)}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43e5ff;box-shadow:0 0 0 6px rgba(67,229,255,.12);margin-right:10px}
.hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.065em;margin:28px 0;max-width:900px;position:relative}
.hero h1 em{font-style:normal;color:var(--cyan2)}
.hero>p{max-width:650px;font-size:19px;line-height:1.65;color:#bfd0dd;position:relative}
.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px;position:relative}
.hero-actions>span{font:12px monospace;color:#9bb0c0}
.hero-actions b{color:#fff}
.primary{background:var(--cyan);padding:17px 21px}
.primary:hover{background:#0ab8d8}
.signal-card{position:absolute;right:max(7vw,32px);bottom:56px;width:300px;padding:20px;border:1px solid rgba(101,231,244,.35);background:rgba(4,20,36,.72);backdrop-filter:blur(8px)}
.signal-card span,.signal-card b,.signal-card strong{display:block}
.signal-card span{font:10px monospace;letter-spacing:.12em;color:#91abbc}
.signal-card b{font:700 11px monospace;color:#ff6b72;margin:13px 0 8px}
.signal-card strong{font-size:15px}
.signal-card i{position:absolute;right:18px;top:18px;font:40px/1 monospace;color:rgba(101,231,244,.18)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);padding:0 max(7vw,32px);background:#fff}
.metrics article{padding:28px 26px;border-right:1px solid var(--line)}
.metrics article:first-child{border-left:1px solid var(--line)}
.metrics span,.metrics small{display:block;font:700 10px/1.4 monospace;letter-spacing:.1em;color:var(--muted)}
.metrics strong{display:block;font-size:36px;margin:10px 0 4px}
.metrics small{color:var(--green)}
.metrics .critical,.metrics .elevated,.metrics .guarded,.metrics .low{font-size:25px;margin:17px 0 8px}
.metrics .critical{color:var(--red)}
.metrics .elevated{color:var(--orange)}
.metrics .guarded{color:#b88b00}
.metrics .low{color:var(--green)}
.section{padding:86px max(7vw,32px)}
.feed-section{background:var(--paper)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px}
.section-head h2{font-size:42px;letter-spacing:-.045em;margin:10px 0 8px}
.section-head p{margin:0;color:var(--muted);line-height:1.6}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:12px 14px;color:var(--cyan)}
.search input{border:0;outline:0;background:transparent;width:210px;color:var(--ink)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 18px}
.filters button{border:1px solid var(--line);background:#fff;padding:9px 13px;font:700 11px monospace;color:var(--muted);cursor:pointer}
.filters button.active,.filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.alert-card{background:#fff;border:1px solid var(--line);padding:24px;min-height:255px;display:flex;flex-direction:column}
.severity,.type{font:700 10px monospace;letter-spacing:.08em}
.severity{color:#fff;padding:6px 8px}
.severity.critical{background:var(--red)}
.severity.high{background:var(--orange)}
.severity.medium{background:#d69c24}
.severity.info{background:#287aa1}
.type{color:var(--muted);margin-left:10px}
.alert-card h3{font-size:20px;line-height:1.35;margin:26px 0 12px}
.analysis-label{display:block;margin:2px 0 8px;color:#087f9a;font:700 9px/1.3 monospace;letter-spacing:.09em}
.source-authorship-note{max-width:780px!important;margin:22px 0 12px!important;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font:10px/1.6 monospace!important;color:#9fb3c0!important}
.alert-card>p{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 24px}
.alert-card footer{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;display:flex;justify-content:space-between;gap:10px;font:10px monospace;color:var(--muted)}
.alert-card footer a{color:var(--cyan);font-weight:bold}
.empty{padding:40px;background:#fff;text-align:center;color:var(--muted)}
.dark-section{background:var(--ink);color:#fff}
.section-head.light p{color:#aebdca}
.section-head.light>a{font:700 11px monospace;color:var(--cyan2)}
.table-wrap{margin-top:34px;overflow:auto;border:1px solid #25405a}
table{width:100%;border-collapse:collapse;min-width:760px}
th,td{text-align:left;border-bottom:1px solid #25405a;padding:17px 18px}
th{font:700 10px monospace;letter-spacing:.1em;color:#8ca2b4;background:#0b1d31}
td{font-size:14px}
td:first-child{font:700 13px monospace;color:var(--cyan2)}
td:nth-child(3){font-family:monospace}
.status{font:700 10px monospace;text-transform:uppercase;border:1px solid #60778b;padding:6px 8px}
.status.hot{border-color:#a93a43;background:rgba(216,58,66,.18);color:#ff7d84}
.data-note{font:10px/1.5 monospace;color:#8095a7;margin:14px 0 0}
.ioc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.ioc-grid article{border:1px solid var(--line);padding:20px;background:#fff}
.ioc-grid header,.ioc-grid footer{display:flex;justify-content:space-between;align-items:center}
.ioc-grid header{font:700 10px monospace;color:var(--muted)}
.ioc-grid header b{color:var(--cyan)}
.ioc-grid code{display:block;margin:28px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.ioc-grid footer{font:10px monospace;color:var(--muted)}
.ioc-grid footer i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}
.ioc-grid button{border:0;background:transparent;color:var(--cyan);font:700 10px monospace;cursor:pointer}
.updated{font:700 10px monospace;color:var(--green)}
.sources-section{padding:86px max(7vw,32px);background:#e9eff2;display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}
.sources-section h2{font-size:42px;letter-spacing:-.045em;margin:13px 0}
.sources-section p{line-height:1.7;color:var(--muted)}
.source-list{border-top:1px solid #c2d0d7}
.source-list a{display:grid;grid-template-columns:110px 1fr auto;padding:20px 4px;border-bottom:1px solid #c2d0d7;align-items:center}
.source-list a:hover{color:var(--cyan)}
.source-list span{font-size:13px;color:var(--muted)}
.source-list i{font-style:normal}
.site-footer{background:var(--ink);color:#fff;padding:56px max(7vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:30px}
.footer-brand{grid-column:1}
.site-footer>p{max-width:420px;color:#aebdca;line-height:1.6;margin:0}
.site-footer>div{grid-column:2;grid-row:1/span 2;display:flex;justify-content:flex-end;gap:28px;font:700 10px monospace;letter-spacing:.08em}
.site-footer small{grid-column:1/-1;border-top:1px solid #294157;padding-top:24px;color:#7f95a7;font:10px monospace}
@media(max-width:980px){.signal-card{display:none}
.alert-grid{grid-template-columns:repeat(2,1fr)}
.ioc-grid{grid-template-columns:repeat(2,1fr)}
.topbar{gap:24px}
.topbar nav{gap:16px}
.sources-section{gap:5vw}
}
@media(max-width:760px){.menu{display:block;margin-left:auto;border:1px solid var(--line);background:#fff;padding:10px;font:700 10px monospace}
.topbar nav{display:none;position:absolute;top:81px;left:0;right:0;background:#fff;padding:24px;box-shadow:0 12px 24px rgba(7,21,39,.12)}
.topbar nav.open{display:flex;flex-direction:column}
.hero{padding-top:70px;min-height:530px}
.hero-actions{align-items:flex-start;flex-direction:column}
.metrics{grid-template-columns:repeat(2,1fr)}
.alert-grid,.sources-section{grid-template-columns:1fr}
.section-head{align-items:flex-start;flex-direction:column}
.search{width:100%}
.search input{width:100%}
.site-footer{grid-template-columns:1fr}
.site-footer>div{grid-column:1;grid-row:auto;justify-content:flex-start;flex-wrap:wrap}
.ioc-grid{grid-template-columns:1fr}
}
@media(max-width:480px){.section,.sources-section{padding:64px 22px}
.hero{padding-left:22px;padding-right:22px}
.metrics{grid-template-columns:1fr;padding:0 22px}
.metrics article{border-left:1px solid var(--line)}
.alert-grid{grid-template-columns:1fr}
.section-head h2,.sources-section h2{font-size:34px}
.site-footer{padding:48px 22px}
.source-list a{grid-template-columns:90px 1fr auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}

.brand{display:flex;align-items:center;gap:0}
.brand-logo{display:block;width:190px;height:62px;object-fit:contain;object-position:left center}
.footer-logo{display:block;width:230px;height:auto;max-height:86px;object-fit:contain;object-position:left center}

.rotating .alert-card{animation:card-in .45s ease both}
.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:22px}
.carousel-controls>button{border:1px solid var(--line);background:#fff;padding:9px 12px;color:var(--ink);font:700 10px monospace;cursor:pointer}
.carousel-controls>button:hover{border-color:var(--cyan);color:var(--cyan)}
.carousel-dots{display:flex;gap:7px;margin:0 4px}
.carousel-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#bcc9cf;padding:0;cursor:pointer}
.carousel-dots button.active{background:var(--cyan);box-shadow:0 0 0 4px rgba(0,168,200,.12)}
@keyframes card-in{from{opacity:0;transform:translateY(8px)}
to{opacity:1;transform:none}
}
@media(max-width:600px){.carousel-controls{justify-content:space-between;flex-wrap:wrap}
.carousel-controls>button{padding:8px}
.carousel-dots{order:3;width:100%;justify-content:center}
}

.category-card{min-height:310px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.category-card:hover,.category-card:focus-within{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 12px 30px rgba(7,21,39,.1)}
.card-count{float:right;font:700 10px monospace;color:var(--cyan)}
.tile-context{margin:16px 0 2px;padding:12px 14px;border-left:3px solid var(--cyan);background:#eef5f7}
.tile-context span{display:block;color:#087f9a;font:700 9px/1.3 monospace;letter-spacing:.1em}
.tile-context p{margin:6px 0 0!important;color:#405666!important;font-size:13px!important;line-height:1.5!important}
.card-rotate{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;border-top:1px solid var(--line);margin-top:16px;padding-top:14px}
.card-rotate button{min-height:34px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.card-rotate button:hover,.card-rotate button:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#fff}
.card-rotate .detail-button{font:800 10px/1 monospace;letter-spacing:.08em}
.feed-note{margin:22px 0 0;font:10px/1.5 monospace;color:var(--muted)}

.epss{font:700 12px monospace;color:var(--cyan2)}

.source-actions{display:flex;gap:10px}
.source-actions a{border:1px solid #36516a;padding:10px 12px;font:700 10px monospace;color:var(--cyan2)}
.zero-day-callout{margin-top:30px;border:1px solid rgba(255,92,100,.55);border-left:4px solid #ff5c64;background:rgba(216,58,66,.1);padding:20px;display:grid;grid-template-columns:1fr 1.4fr;gap:28px;align-items:center}
.zero-day-callout span{display:block;font:700 10px monospace;letter-spacing:.12em;color:#ff7d84}
.zero-day-callout strong{display:block;margin-top:8px;font-size:16px}
.zero-day-callout p{margin:0;color:#aebdca;font-size:13px;line-height:1.6}
.cve-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.cve-pagination button{border:1px solid #36516a;background:#0b1d31;color:#c7d5df;padding:8px 10px;font:700 10px monospace;cursor:pointer}
.cve-pagination button:hover,.cve-pagination button.active{background:var(--cyan);border-color:var(--cyan);color:#fff}
.cve-pagination>span{font:700 10px monospace;color:#8ca2b4}
.cve-pagination>div{display:flex;gap:5px}
@media(max-width:760px){.zero-day-callout{grid-template-columns:1fr}
.cve-pagination{flex-wrap:wrap}
.cve-pagination>span{width:100%;order:-1}
.source-actions{width:100%}
}

.severity-badge{display:inline-block;min-width:66px;text-align:center;padding:6px 8px;border:1px solid #60778b;font:700 10px monospace;text-transform:uppercase}
.severity-badge.critical{background:#b92631;border-color:#d83a42;color:#fff}
.severity-badge.high{background:#a94c18;border-color:#e87530;color:#fff}
.severity-badge.medium{background:#8a6514;border-color:#d69c24;color:#fff}
.severity-badge.low{background:#1d627e;border-color:#287aa1;color:#fff}

.cvss-score{display:inline-grid;place-items:center;min-width:48px;padding:7px 9px;border:1px solid #60778b;border-radius:3px;background:#33485c;color:#fff;font:800 12px monospace;line-height:1}
.cvss-score.critical{background:#b92631;border-color:#ff6870;color:#fff}
.cvss-score.high{background:#a94c18;border-color:#f68a45;color:#fff}
.cvss-score.medium{background:#8a6514;border-color:#e8b449;color:#fff}
.cvss-score.low{background:#17694f;border-color:#39a37f;color:#fff}
.cvss-score.pending,.cvss-score.none{background:#455767;border-color:#718697;color:#e1e8ed}

.news-section{background:#fff}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.news-card{border:1px solid var(--line);background:var(--paper);padding:26px;min-height:250px;display:flex;flex-direction:column}
.news-card header{display:flex;justify-content:space-between;font:700 10px monospace;letter-spacing:.08em;color:var(--cyan)}
.news-card header b{color:var(--muted)}
.news-card h3{font-size:24px;line-height:1.3;margin:28px 0 18px}
.news-card time{font:10px monospace;color:var(--muted)}
.news-card__context{margin:18px 0;padding:13px 15px;border-left:3px solid var(--cyan);background:#eef5f7}
.news-card__context span{display:block;color:#087f9a;font:800 9px/1.3 monospace;letter-spacing:.1em}
.news-card__context p{display:-webkit-box;margin:7px 0 0;overflow:hidden;color:#405666;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.news-card footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:auto}
.news-card footer button,.news-pause{border:1px solid var(--line);background:#fff;padding:9px 11px;font:700 10px monospace;cursor:pointer}
.news-card footer button:hover,.news-card footer button:focus-visible{background:var(--cyan);border-color:var(--cyan);color:#fff}
.news-detail-button{letter-spacing:.07em}
.news-source-link{margin-top:10px;text-align:center;font:800 10px/1.4 monospace;color:var(--cyan)}
@media(max-width:760px){.news-grid{grid-template-columns:1fr}
.news-pause{width:100%}
}

.priority-section{background:#e9eff2}
.priority-section .source-actions a{border-color:#b8c8d0;color:#087f9a;background:#fff}
.priority-summary{display:flex;flex-wrap:wrap;gap:0;margin-top:30px;border:1px solid #b8c8d0;background:#fff}
.priority-summary>*{padding:14px 18px;border-right:1px solid #d7e0e5;font:700 10px monospace;letter-spacing:.06em}
.priority-summary strong{background:var(--red);color:#fff}
.priority-table{border-color:#b8c8d0}
.priority-table th{background:var(--ink);color:#aebdca}
.priority-table td{border-color:#c6d3d9;color:var(--ink);vertical-align:middle}
.priority-table td:first-child{color:var(--cyan)}
.priority-table td:nth-child(2) a{display:block;color:#087f9a;font:700 12px monospace}
.priority-table small{display:block;margin-top:6px;color:var(--muted);font:10px/1.35 monospace}
.priority-rank{font:700 22px monospace}
.priority-signal{display:inline-block;padding:7px 9px;border:1px solid #d98a4b;background:#fff3e9;color:#8c4518;font:700 9px monospace;text-transform:uppercase}
.priority-signal.ransomware{border-color:#d83a42;background:#fff0f1;color:#b92631}
.priority-action{display:inline-block;padding:8px 10px;background:var(--red);color:#fff;font:700 9px monospace;white-space:nowrap}
.priority-note{margin:15px 0 0;color:var(--muted);font:10px/1.55 monospace}
@media(max-width:760px){.priority-summary{display:grid}
.priority-summary>*{border-right:0;border-bottom:1px solid var(--line)}
}