/* Build 20250719191415_b3e03c */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@500&family=JetBrains+Mono&family=Space+Grotesk:wght@500&display=swap');
:root {
  --fg:#0d47a1; --bg:#e3f2fd;
  --grad-start:#f83600; --grad-end:#f9d423;
  --radius:16px; --shadow:0 8px 20px rgba(0,0,0,.1);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
h1,h2,h3,h4,h5,h6{font-family:inherit;}
*{box-sizing:border-box}
body{margin:0;color:var(--fg);background:var(--bg);overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;z-index:-2;
  background:linear-gradient(120deg,var(--grad-start),var(--grad-end));}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.07) 0,transparent 40%),radial-gradient(circle at 80% 30%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 50% 80%,rgba(255,255,255,.05) 0,transparent 50%);;animation:bgAnim 60s linear infinite}
@keyframes bgAnim{to{background-position:800px -800px}}
/* navbar */
.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;
        position:sticky;top:0;background:#e3f2fd;color:#000000;box-shadow:var(--shadow);;z-index:10}
.brand{font-weight:600;font-size:1.3rem;color:#000000;text-decoration:none}
.topbar ul{display:flex;gap:1rem;list-style:none}
.topbar a{color:#000000;text-decoration:none;opacity:.8;transition:.2s}
.topbar a:hover{opacity:1}
/* layout */
.container{width:min(1000px,92%);margin-inline:auto;padding:3rem 0}
.card{background:#e3f2fd;border-radius:var(--radius);padding:2rem;margin:1.5rem 0;
      color:#000000;box-shadow:var(--shadow);opacity:0;transform:translateY(0);
      animation:cardIn .7s forwards}
@keyframes cardIn{from{opacity:0} to{opacity:1}}
.card:hover{transform:scale(1.02)}
.meta{font-size:.9rem;color:rgba(0,0,0,.55);margin-bottom:.4rem}
.empty{opacity:.6;font-style:italic}
.content{line-height:1.75rem}