/* Build 20250719191227_d034a8 */
@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:#001858; --bg:#fef6e4;
  --grad-start:#ff7a18; --grad-end:#af002d;
  --radius:16px; --shadow:0 8px 20px rgba(0,0,0,.1);
  font-family:'Inter',sans-serif;
}
h1,h2,h3,h4,h5,h6{font-family:'Poppins',sans-serif;}
*{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(#ffffff10 1px,transparent 1px);background-size:2px 2px;;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:rgba(255,255,255,.5);color:#000000;backdrop-filter:blur(14px) saturate(180%);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:#fef6e4;border-radius:var(--radius);padding:2rem;margin:1.5rem 0;
      color:#000000;box-shadow:var(--shadow);opacity:0;transform:rotateX(-90deg);
      animation:cardIn .7s forwards}
@keyframes cardIn{from{transform:rotateX(-90deg);opacity:0} to{transform:none;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}