*,*: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: rgba(232, 160, 74, .1);--accent-dim: rgba(232, 160, 74, .45);--text: #c8c4b8;--text-muted: #5a5750;--text-bright: #edeae0}html{background:var(--bg);color:var(--text);font-family:Courier New,Lucida Console,Monaco,monospace;min-height:100vh}body{min-height:100vh;padding:3.5rem 2rem 5rem;max-width:1120px;margin:0 auto;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(232,160,74,.06) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(11,11,13,.85) 100%);pointer-events:none;z-index:0}@media(max-width:480px){body{padding:2rem 1.25rem 4rem}}header{position:relative;z-index:1;margin-bottom:3.5rem}.header-eyebrow{font-size:.6rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;color:var(--text-bright);letter-spacing:-.02em;line-height:1}h1 em{font-style:normal;color:var(--accent)}.header-sub{margin-top:.8rem;font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.header-rule{margin-top:1.75rem;height:1px;background:linear-gradient(to right,var(--border-hi),var(--border),transparent)}section{position:relative;z-index:1;margin-bottom:3rem}.section-label{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-label h2{font-size:.6rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1px;background:var(--border);border:1px solid var(--border)}.card{position:relative;background:var(--surface);padding:1.5rem 1.6rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:.25rem;overflow:hidden;transition:background .12s ease,color .12s ease;animation:fadeUp .5s ease both}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-glow);opacity:0;transition:opacity .12s ease}.card:hover{background:var(--surface-hi)}.card:hover:after{opacity:1}.card:hover .card-name{color:var(--accent)}.card:hover .arrow{transform:translate(3px,-3px);color:var(--accent)}.card-name{font-size:1rem;color:var(--text-bright);transition:color .12s;position:relative;z-index:1}.card-path{font-size:.75rem;color:var(--text-muted);position:relative;z-index:1}.badge{display:inline-flex;align-items:center;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.15em .45em;border:1px solid var(--border-hi);border-radius:2px;color:var(--text-muted);width:fit-content;position:relative;z-index:1;transition:color .12s,border-color .12s}.card:hover .badge{color:var(--accent-dim);border-color:var(--accent-dim)}.arrow{position:absolute;top:.7rem;right:.75rem;font-size:.65rem;color:var(--border-hi);transition:transform .12s ease,color .12s ease;z-index:1}footer{position:relative;z-index:1;margin-top:1rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:.58rem;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card:nth-child(1){animation-delay:.04s}.card:nth-child(2){animation-delay:.07s}.card:nth-child(3){animation-delay:.1s}.card:nth-child(4){animation-delay:.13s}.card:nth-child(5){animation-delay:.16s}.card:nth-child(6){animation-delay:.19s}.card:nth-child(7){animation-delay:.22s}.card:nth-child(8){animation-delay:.25s}.card:nth-child(9){animation-delay:.28s}.card:nth-child(10){animation-delay:.31s}.card:nth-child(11){animation-delay:.34s}.card:nth-child(12){animation-delay:.37s}@media(max-width:480px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
