:root{--ink:#eaf1f4;--muted:#9eacb3;--line:#26363d;--accent:#69e0b4;--paper:#071013;--panel:#0d191d;--warm:#f3b967}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{background:radial-gradient(circle at 75% 0, #12332e 0, transparent 34rem), var(--paper);margin:0}a{color:inherit;text-decoration:none}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#071013d9;justify-content:space-between;align-items:center;height:76px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;font-size:21px;font-weight:800}.brand span{color:var(--accent)}nav{color:var(--muted);gap:24px;font-size:14px;display:flex}main{max-width:1260px;margin:auto;padding:0 max(3vw,22px) 80px}.hero{max-width:940px;padding:110px 0 64px}.kicker,.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:750}.hero h1,.page-head h1,.detail h1{letter-spacing:-.045em;margin:14px 0 22px;font-family:Georgia,serif;font-size:clamp(48px,7vw,92px);font-weight:400;line-height:.98}.hero>p:not(.kicker),.lede,.page-head>p{color:var(--muted);max-width:780px;font-size:19px;line-height:1.6}.stats{gap:55px;margin-top:42px;display:flex}.stats div{flex-direction:column;display:flex}.stats strong{color:var(--warm);font-family:Georgia,serif;font-size:36px}.stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px}.filters{border:1px solid var(--line);background:#0a1519;border-radius:14px;grid-template-columns:2fr repeat(4,1fr) auto;gap:9px;padding:12px;display:grid}.filters input,.filters select,.lookup input{border:1px solid var(--line);color:var(--ink);background:#071013;border-radius:8px;min-width:0;padding:13px}.check{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;display:flex}.result-count{color:var(--muted);margin:24px 0;font-size:13px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{border:1px solid var(--line);background:linear-gradient(145deg,#0d191d,#0a1417);border-radius:13px;flex-direction:column;min-height:230px;padding:24px;transition:transform .2s,border-color .2s;display:flex}.card:hover{border-color:#4c6f68;transform:translateY(-3px)}.eyebrow{color:var(--accent);justify-content:space-between;gap:15px;font-size:10px;display:flex}.eyebrow span:last-child{color:var(--muted)}.card h2{margin:25px 0 10px;font-family:Georgia,serif;font-size:25px;font-weight:400}.card p{color:var(--muted);font-size:14px;line-height:1.5}.meta{color:var(--muted);justify-content:space-between;align-items:end;gap:14px;margin-top:auto;font-size:12px;display:flex}.meta code{text-overflow:ellipsis;overflow:hidden}.meta strong{color:var(--warm);font-size:15px}.page-head,.detail{padding:90px 0 40px}.page-head h1,.detail h1{font-size:clamp(44px,6vw,76px)}.detail-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:45px;display:grid}.detail article{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:24px;overflow:auto}.detail h2{font-family:Georgia,serif;font-weight:400}.detail dl{gap:12px;display:grid}.detail dt{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.detail dd{margin:4px 0 0}.detail pre,.result{white-space:pre-wrap;word-break:break-word;color:#bad1d0;font-size:12px;line-height:1.5}.back{color:var(--accent);margin-top:35px;display:inline-block}.lookup{gap:10px;margin-top:30px;display:flex}.lookup input{flex:1}.lookup button{background:var(--accent);color:#062019;border:0;border-radius:8px;padding:0 20px;font-weight:700}.result{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-top:22px;padding:24px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:36px max(5vw,24px);font-size:12px;display:flex}@media (max-width:900px){nav{gap:12px}.filters,.grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media (max-width:620px){header{align-items:flex-start;gap:18px;height:auto;padding-top:18px;padding-bottom:18px}nav{flex-wrap:wrap}.hero{padding-top:70px}.stats{gap:22px}.filters,.grid{grid-template-columns:1fr}.card{min-height:210px}footer{display:block}}