/* Build 20250719191248_c4b6c3 */
@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:#F0F5F9; --bg:#99a5c6;
  --grad-start:Sure! How about a vivid shade of teal? The HEX code for this color is **#008080**. It; --grad-end:To suggest a HEX color that pairs well, I would need to know the color you're starting with. However, a versatile;
  --radius:16px; --shadow:0 8px 20px rgba(0,0,0,.1);
  font-family:'Space Grotesk',sans-serif;
}
h1,h2,h3,h4,h5,h6{font-family:'JetBrains Mono',monospace;}
*{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(#ffffff0b 1px,transparent 1px);background-size:2.5px 2.5px;;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:#16213E;color:#ffffff;box-shadow:var(--shadow);;z-index:10}
.brand{font-weight:600;font-size:1.3rem;color:#ffffff;text-decoration:none}
.topbar ul{display:flex;gap:1rem;list-style:none}
.topbar a{color:#ffffff;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:#ffc4c494;border-radius:var(--radius);padding:2rem;margin:1.5rem 0;
      color:#ffffff;box-shadow:var(--shadow);opacity:0;transform:translateY(40px);
      animation:cardIn .7s forwards}
@keyframes cardIn{from{transform:translateY(40px);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}