*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:#0b1220;color:#e6edf6}a{color:#5fd4ff}
header{display:flex;justify-content:space-between;padding:16px 32px;border-bottom:1px solid #1e2a40}.logo{font-weight:800;font-size:20px;text-decoration:none;color:#fff}nav a{margin-left:20px;text-decoration:none}
.hero{text-align:center;padding:48px 20px 24px}.hero h1{font-size:40px;margin:0}.hero p{color:#9fb0c8}
.nl{display:flex;gap:8px;justify-content:center;margin-top:16px}.nl-sub{margin-top:10px;font-size:14px}.nl-sub a{color:#9fb0c8}input,select,textarea{background:#121b2e;border:1px solid #26354f;color:#e6edf6;padding:10px;border-radius:8px}button{background:#19c37d;border:0;color:#04150d;font-weight:700;padding:10px 16px;border-radius:8px}
.featured{max-width:900px;margin:12px auto;padding:12px 16px;border:1px dashed #3a4a66;border-radius:10px;color:#9fb0c8}.featured span{background:#f5b301;color:#000;font-size:11px;font-weight:800;padding:2px 6px;border-radius:4px;margin-right:8px}
.filters{max-width:900px;margin:16px auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}#q{flex:1;min-width:200px}#count{max-width:900px;margin:0 auto;color:#9fb0c8}
main{max-width:900px;margin:0 auto 40px}article{display:flex;gap:16px;align-items:center;background:#111a2c;border:1px solid #1e2a40;border-radius:10px;padding:14px;margin:8px 0}
.date{width:90px;text-align:center}.date b{display:block;font-size:18px}.date small,.meta{color:#9fb0c8;font-size:13px}.body{flex:1}.body a{font-weight:600;text-decoration:none;color:#fff}
.tags i{font-style:normal;font-size:11px;background:#1b2a44;padding:2px 7px;border-radius:10px;margin:4px 4px 0 0;display:inline-block}.tags .auto{background:#0f5132;color:#7ef0b5}
.cpe{text-align:center;font-size:22px;font-weight:800;color:#19c37d;width:70px}.cpe small{display:block;font-size:11px;color:#9fb0c8}
footer{text-align:center;color:#6b7c96;font-size:12px;padding:24px}.page{max-width:640px;margin:40px auto;padding:0 20px}.page form{display:grid;gap:10px}