:root { --bg:#080d0b; --surface:#0e1914; --surface-strong:#0a120d; --text:#e6f4ea; --muted:#95a89d; --green:#7dff66; --blue:#74ebff; --purple:#d4a6ff; --red:#ff7a70; --line:#2e8c4c; --soft-line:#265c36; --glow:rgba(125,255,102,.2); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; background:var(--bg); color:var(--text); font-family:"JetBrains Mono", "SFMono-Regular", Consolas, monospace; line-height:1.5; }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(125,255,102,.025) 4px); }
a { color:inherit; }
button { font:inherit; }
.container { position:relative; width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:20px 0 36px; }
.terminal-window { padding:28px 20px 20px; border:1px solid var(--green); background:var(--surface); box-shadow:0 0 24px var(--glow),inset 0 0 34px rgba(125,255,102,.025); }
.terminal-mark { margin:0 0 20px; overflow:hidden; color:var(--green); font:700 .7rem/1 monospace; text-shadow:0 0 12px var(--glow); }
h1,h2,p { margin-top:0; }
h1 { margin-bottom:12px; color:var(--green); font-size:2.25rem; line-height:1.1; text-shadow:0 0 16px var(--glow); }
.subtitle { margin-bottom:7px; color:var(--blue); font-size:.95rem; }
.identity-line { margin:16px 0 18px; padding:9px 12px; border-left:3px solid #f7e877; background:#142119; font-size:.84rem; }
.identity-line a,.footer-links a { color:var(--blue); text-underline-offset:3px; }
.header-links,.footer-links { display:flex; flex-wrap:wrap; gap:18px; }
.header-links a { padding:2px 0; border-bottom:1px solid transparent; font-size:.85rem; text-decoration:none; }
.header-links a::before { content:"$ "; color:var(--green); }
.header-links a:hover { border-color:var(--green); color:var(--green); }
.command-bar { display:flex; align-items:center; gap:10px; min-height:70px; margin:20px 0; padding:14px 20px; border:1px solid var(--green); background:#040705; color:var(--blue); box-shadow:0 0 16px var(--glow); font-size:.88rem; }
.command-prompt,.command-caret { color:var(--green); font-weight:700; }.command-caret { margin-left:auto; }
.stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:30px; }
.stat-card { display:grid; gap:5px; padding:12px 14px; border:1px solid var(--green); }.stat-label { color:var(--muted); font-size:.72rem; }.stat-value { color:var(--green); font-size:1.3rem; overflow-wrap:anywhere; }
.release-toolbar { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:16px; }.section-prompt { margin-bottom:3px; color:var(--green); font-size:.78rem; }.section-prompt::before { content:"# "; color:var(--muted); }h2 { margin-bottom:0; font-size:1.35rem; }
.filters { display:flex; flex-wrap:wrap; gap:8px; }.filter { min-height:32px; padding:4px 10px; border:1px solid var(--soft-line); border-radius:0; background:transparent; color:var(--muted); cursor:pointer; font-size:.78rem; }.filter:hover,.filter.is-active { border-color:var(--green); color:var(--green); }.filter.is-active { background:rgba(125,255,102,.08); }
.versions-container { display:flex; flex-direction:column; gap:20px; }.version-card { border:1px solid var(--green); border-left-width:3px; background:var(--surface); }.version-card:hover { box-shadow:0 0 20px var(--glow); }.version-header { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 16px; border-bottom:1px solid var(--soft-line); background:var(--surface-strong); }.version-title { display:flex; align-items:center; gap:10px; min-width:0; }.version-tag { color:var(--blue); font-size:1.08rem; overflow-wrap:anywhere; }.version-date { flex:0 0 auto; color:var(--muted); font-size:.78rem; }.badge { padding:2px 7px; border:1px solid var(--green); color:var(--green); font-size:.65rem; text-transform:uppercase; }.version-body { padding:16px; }.version-info { margin-bottom:16px; padding:7px 10px; border-left:2px solid #e8db69; color:var(--muted); font-size:.82rem; white-space:pre-wrap; }.packages-section { margin-top:12px; }.packages-title { margin-bottom:4px; color:var(--text); font-size:.82rem; }.packages-grid { display:block; }.package-card { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:11px 0; border-top:1px solid var(--soft-line); color:var(--text); text-decoration:none; }.package-card:hover { background:rgba(125,255,102,.035); }.package-header { min-width:0; }.package-name { display:block; overflow-wrap:anywhere; font-size:.84rem; }.package-size { display:block; margin-top:2px; color:var(--muted); font-size:.72rem; }.package-type { padding:2px 6px; border:1px solid #8063a6; color:var(--purple); font-size:.68rem; }.package-download { padding:6px 9px; border:1px solid var(--green); color:var(--green); font-size:.76rem; }.package-card:hover .package-download { background:var(--green); color:var(--bg); }
.loading,.empty,.error { padding:28px; border:1px solid var(--green); background:var(--surface); color:var(--blue); }.loading i::after { content:"_"; color:var(--green); animation:blink 1s step-end infinite; }.empty { color:var(--muted); }.error { border-color:var(--red); color:var(--red); }.error a { color:var(--blue); }@keyframes blink { 50% { opacity:0; } }
footer { margin-top:44px; padding:20px 0; border-top:1px solid var(--soft-line); color:var(--muted); font-size:.78rem; }footer p { margin-bottom:12px; }code { color:var(--purple); }.recommended-sites { margin-top:18px; padding-top:14px; border-top:1px solid var(--soft-line); }.recommended-title { color:var(--green); }
@media (max-width:768px) { .container { width:min(100% - 24px,680px); padding-top:12px; }.terminal-window { padding:22px 16px 18px; }.terminal-mark { display:none; }h1 { font-size:1.8rem; }.stats { gap:8px; }.stat-card { padding:10px; }.stat-value { font-size:1rem; }.command-bar { min-height:56px; padding:10px 12px; font-size:.72rem; }.release-toolbar { align-items:stretch; flex-direction:column; }.version-header { align-items:flex-start; flex-direction:column; }.package-card { grid-template-columns:minmax(0,1fr) auto; gap:8px; }.package-type { grid-column:1; justify-self:start; }.package-download { grid-column:2; grid-row:1 / span 2; }.footer-links { gap:12px; } }