:root{--ink:#101828;--paper:#f3f0e8;--acid:#d7ff43;--line:rgba(16,24,40,.16);--muted:#667085}*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.hero{background:var(--ink);color:#fff;padding:clamp(2rem,8vw,6rem) max(1.25rem,calc((100vw - 1180px)/2));position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:28rem;height:28rem;border:1px solid #ffffff24;border-radius:50%;right:-8rem;top:-9rem;box-shadow:0 0 0 4rem #ffffff08,0 0 0 8rem #ffffff05}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;display:flex;gap:.65rem;align-items:center}.pulse{width:.55rem;height:.55rem;background:var(--acid);border-radius:50%;box-shadow:0 0 0 .3rem #d7ff4322}.hero h1{font-size:clamp(3.8rem,13vw,9rem);letter-spacing:-.075em;line-height:.72;margin:2.5rem 0 2rem;max-width:900px}.hero h1 em{color:var(--acid);font-family:Georgia,serif;font-weight:400}.hero p{max-width:600px;color:#cbd5e1;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0}main{width:min(1180px,calc(100% - 2.5rem));margin:0 auto;padding:2.5rem 0 5rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1.5rem;margin-bottom:2rem}.search{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--line);padding:.85rem 1rem;min-width:min(29rem,75vw)}.search span{font-size:1.5rem}.search input{border:0;outline:0;font:inherit;background:transparent;width:100%;color:var(--ink)}.count{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--muted);white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:1rem}.card{background:#fff;border:1px solid var(--line);padding:1.4rem;min-height:260px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:8px 8px 0 var(--ink)}.number{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--muted)}.card h2{font-size:1.7rem;line-height:1.05;letter-spacing:-.04em;margin:2rem 0 .6rem}.card p{color:var(--muted);line-height:1.5;margin:0 0 2rem}.actions{margin-top:auto;display:flex;gap:.6rem}.actions a,.actions button,.open-button{appearance:none;border:0;text-decoration:none;background:var(--ink);color:#fff;padding:.75rem .9rem;font-weight:750;font:inherit;cursor:pointer}.actions button{background:var(--acid);color:var(--ink)}.date{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-top:1.2rem}.empty{text-align:center;padding:5rem 1rem}.empty span{font-size:4rem}.empty h2{font-size:2rem;margin:.5rem}.empty p{color:var(--muted)}dialog{border:0;padding:2rem;max-width:min(92vw,420px);text-align:center;box-shadow:18px 18px 0 #d7ff43}dialog::backdrop{background:#101828d9}.close{position:absolute;right:.75rem;top:.5rem;background:none;border:0;font-size:2rem;cursor:pointer}.dialog-label{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;font-weight:800;color:var(--muted)}dialog h2{margin:.3rem 0 1.2rem}dialog img{display:block;width:min(100%,300px);margin:0 auto 1.5rem}.open-button{display:block}footer{background:var(--ink);color:#98a2b3;padding:1.5rem max(1.25rem,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}@media(max-width:560px){.hero{padding-top:2.2rem;padding-bottom:3rem}.toolbar{align-items:stretch;flex-direction:column}.search{min-width:0;width:100%}.count{padding-left:.25rem}.card{min-height:230px}footer{gap:1rem;flex-direction:column}}