@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0}:root{--bg: #07080d;--surface: #0c0e15;--border: #161b26;--green: #00e87a;--green-dim: rgba(0, 232, 122, .09);--text: #e8ecf4;--mid: #7a8499;--muted: #353d52;--display: "Syne", sans-serif;--mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text)}.root{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.grid-bg{position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.028) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0}.glow{position:fixed;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,232,122,.07) 0%,transparent 65%);bottom:-250px;right:-150px;pointer-events:none;z-index:0;animation:glow-drift 22s ease-in-out infinite alternate}@keyframes glow-drift{0%{transform:translate(0) scale(1)}to{transform:translate(-70px,-50px) scale(1.1)}}.main{position:relative;z-index:1;max-width:900px;width:100%;margin:0 auto;padding:5rem 2rem;flex:1;display:flex;flex-direction:column;gap:5rem}.hero{display:flex;flex-direction:column;gap:1.75rem;animation:rise .8s cubic-bezier(.22,.8,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.status-line{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.63rem;letter-spacing:.18em;color:var(--green);text-transform:uppercase}.status-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:dot-pulse 2.4s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--green)}50%{opacity:.25;box-shadow:none}}.name{font-family:var(--display);font-weight:800;font-size:clamp(4.5rem,13vw,9.5rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;color:var(--text)}.meta{display:flex;align-items:center;gap:.65rem;font-family:var(--mono);font-size:.78rem;color:var(--mid)}.slash{color:var(--muted)}.section{display:flex;flex-direction:column;gap:1.25rem;animation:rise .8s cubic-bezier(.22,.8,.36,1) both;animation-delay:calc(var(--section-i, 0) * .12s + .18s)}.section:nth-of-type(2){--section-i: 1}.section:nth-of-type(3){--section-i: 2}.label{font-family:var(--mono);font-size:.67rem;color:var(--muted);letter-spacing:.07em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}@media (max-width: 620px){.cards{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;gap:.8rem;padding:1.5rem 1.25rem;background:var(--bg);text-decoration:none;transition:background .22s;animation:rise .7s cubic-bezier(.22,.8,.36,1) both;animation-delay:calc(var(--i) * .1s + .4s)}.card:hover{background:var(--green-dim)}.card:hover .card-arrow{transform:translate(3px,-3px);color:var(--green)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-num{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;color:var(--muted)}.card-arrow{font-size:.95rem;color:var(--muted);transition:transform .2s,color .2s}.card-name{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--text);line-height:1.25}.card-desc{font-size:.73rem;line-height:1.65;color:var(--mid);flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;color:var(--green);border:1px solid rgba(0,232,122,.22);padding:.15rem .45rem;border-radius:3px}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;color:var(--mid);border:1px solid var(--border);padding:.3rem .75rem;border-radius:4px;transition:border-color .2s,color .2s}.chip:hover{border-color:#00e87a4d;color:var(--text)}.footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.9rem;padding:1.75rem 2rem;border-top:1px solid var(--border);animation:rise .8s .55s cubic-bezier(.22,.8,.36,1) both}.flink{font-family:var(--mono);font-size:.73rem;letter-spacing:.05em;color:var(--muted);text-decoration:none;transition:color .2s}.flink:hover{color:var(--green)}.fsep{color:var(--border);font-size:.7rem}
