*{box-sizing:border-box}:root{--bg:#08101f;--bg2:#111a31;--panel:#121c35;--card:#ffffff0d;--text:#eef2ff;--muted:#bac4df;--line:#ffffff1a;--accent:#58a6ff;--accent2:#7de8c4;--shadow:0 20px 45px #00000040}html,body{background:linear-gradient(180deg, var(--bg), #0b1327 100%);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}body{padding:20px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;display:block}.shell{max-width:1440px;margin:0 auto}.topbar{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);background:#08101fdb;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;display:flex}.logo{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:14px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.brand h1{margin:0;font-size:1.15rem}.brand p{color:var(--muted);margin:3px 0 0;font-size:.92rem}.hero{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#58a6ff24,#7de8c414);border-radius:28px;margin-top:22px;padding:28px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent2);margin:0 0 8px;font-size:.76rem;font-weight:700}.hero h2{margin:0;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.14}.hero p{color:var(--muted);max-width:850px;line-height:1.6}.toolbar{grid-template-columns:1.5fr 220px 220px;gap:14px;margin-top:18px;display:grid}.box{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex}.box input,.box select{width:100%;color:var(--text);background:0 0;border:none;outline:none}.box select option{color:#000}.row{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:999px;padding:10px 14px}.chip.active{background:linear-gradient(135deg,#58a6ff38,#7de8c429)}.meta{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.media{aspect-ratio:16/10;position:relative}.media img{object-fit:cover;width:100%;height:100%}.badge{color:#fff;text-transform:capitalize;background:#0009;border-radius:999px;padding:8px 10px;font-size:.8rem;position:absolute;top:12px;left:12px}.body{flex-direction:column;gap:12px;min-height:260px;padding:18px;display:flex}.smallrow,.tags,.bottom{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.smallrow{color:var(--muted);font-size:.86rem}.title{margin:0;font-size:1.08rem;line-height:1.35}.summary{color:var(--muted);flex-grow:1;margin:0;line-height:1.6}.tag{border:1px solid var(--line);background:#ffffff0a;border-radius:999px;padding:6px 9px;font-size:.78rem}.bottom{border-top:1px solid var(--line);justify-content:space-between;padding-top:10px}.source{color:var(--muted);font-size:.82rem}.link{color:var(--accent);font-size:.9rem;font-weight:700}.note{color:var(--muted);margin-top:20px;line-height:1.6}@media (max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){body{padding:16px}.toolbar,.grid{grid-template-columns:1fr}.topbar,.hero,.card{border-radius:20px}.meta{flex-direction:column}}