*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b0d;--surface:#111115;--surface-hi:#18181e;--border:#232330;--border-hi:#3a3a52;--accent:#e8a04a;--accent-glow:#e8a04a1a;--accent-dim:#e8a04a73;--text:#c8c4b8;--text-muted:#5a5750;--text-bright:#edeae0}html{background:var(--bg);color:var(--text);min-height:100vh;font-family:Courier New,Lucida Console,Monaco,monospace}body{max-width:1120px;min-height:100vh;margin:0 auto;padding:3.5rem 2rem 5rem;position:relative}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#e8a04a0f 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 55%,#0b0b0dd9 100%);position:fixed;inset:0}header{z-index:1;margin-bottom:3.5rem;position:relative}.header-eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;font-size:.6rem}h1{color:var(--text-bright);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1}h1 em{color:var(--accent);font-style:normal}.header-sub{color:var(--text-muted);letter-spacing:.05em;margin-top:.8rem;font-size:.7rem}.header-rule{background:linear-gradient(to right, var(--border-hi), var(--border), transparent);height:1px;margin-top:1.75rem}section{z-index:1;margin-bottom:3rem;position:relative}.section-label{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.section-label h2{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;font-size:.6rem;font-weight:400}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1px;display:grid}.card{background:var(--surface);color:var(--text);flex-direction:column;gap:.25rem;padding:1.5rem 1.6rem;text-decoration:none;transition:background .12s,color .12s;animation:.5s both fadeUp;display:flex;position:relative;overflow:hidden}.card:after{content:"";background:var(--accent-glow);opacity:0;transition:opacity .12s;position:absolute;inset:0}.card:hover{background:var(--surface-hi)}.card:hover:after{opacity:1}.card:hover .card-name{color:var(--accent)}.card:hover .arrow{color:var(--accent);transform:translate(3px,-3px)}.card-name{color:var(--text-bright);z-index:1;font-size:1rem;transition:color .12s;position:relative}.card-path{color:var(--text-muted);z-index:1;font-size:.75rem;position:relative}.badge{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-hi);color:var(--text-muted);z-index:1;border-radius:2px;align-items:center;width:fit-content;padding:.15em .45em;font-size:.62rem;transition:color .12s,border-color .12s;display:inline-flex;position:relative}.card:hover .badge{color:var(--accent-dim);border-color:var(--accent-dim)}.arrow{color:var(--border-hi);z-index:1;font-size:.65rem;transition:transform .12s,color .12s;position:absolute;top:.7rem;right:.75rem}footer{z-index:1;border-top:1px solid var(--border);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:1rem;padding-top:1.25rem;font-size:.58rem;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){body{padding:2rem 1.25rem 4rem}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}