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