*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:'JetBrains Mono',monospace;
  background:#eceae5;color:#0f0f0f;
  min-height:100vh;
  background-image:
    radial-gradient(ellipse 65% 55% at 92% 10%, rgba(74,222,128,.22) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 5% 75%, rgba(139,92,246,.14) 0%, transparent 70%),
    radial-gradient(ellipse 50% 45% at 55% 55%, rgba(20,184,166,.12) 0%, transparent 65%);
}
.wrap{max-width:720px;margin:0 auto;padding:28px 24px 80px}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:56px;flex-wrap:wrap}
.brand{color:#15803d;font-weight:700;font-size:13px;text-decoration:none;letter-spacing:.04em}
nav{display:flex;gap:4px;flex-wrap:wrap}
nav a{color:#666;text-decoration:none;font-size:11px;padding:6px 12px;border-radius:999px}
nav a:hover,nav a.on{color:#111;background:rgba(255,255,255,.55)}
.label{font-size:10px;color:#15803d;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px;font-weight:700}
h1{font-size:clamp(26px,5vw,36px);line-height:1.25;margin-bottom:14px;letter-spacing:-.02em}
.lede{font-size:13px;color:#666;line-height:1.85;max-width:540px;margin-bottom:40px}
.list{display:flex;flex-direction:column;gap:14px}
.card{
  display:block;text-decoration:none;color:inherit;
  background:rgba(255,255,255,.52);backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.9);border-radius:18px;
  padding:24px 26px;transition:transform .15s,box-shadow .2s;
  box-shadow:0 8px 32px rgba(0,0,0,.06);
}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(0,0,0,.09)}
.tag{font-size:9px;color:#15803d;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.card h2{font-size:16px;margin:10px 0 8px;line-height:1.4}
.card p{font-size:12px;color:#666;line-height:1.7}
.meta{display:inline-block;margin-top:14px;font-size:10px;color:#999}
article{background:rgba(255,255,255,.52);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:18px;padding:36px 32px;box-shadow:0 8px 32px rgba(0,0,0,.06)}
article h1{margin-bottom:8px}
.byline{font-size:11px;color:#888;margin-bottom:28px}
article p{font-size:13px;color:#333;line-height:1.9;margin-bottom:16px}
article h2{font-size:15px;margin:28px 0 12px}
footer{margin-top:64px;padding-top:24px;border-top:1px solid rgba(0,0,0,.07);display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#aaa;flex-wrap:wrap}
footer a{color:#15803d;text-decoration:none}
.back{display:inline-block;margin-bottom:24px;font-size:11px;color:#666;text-decoration:none}
.back:hover{color:#15803d}