*{box-sizing:border-box}html{scroll-behavior:smooth}
:root{--bg:#050706;--bg2:#08130c;--panel:#0b130f;--line:#183726;--line2:#245137;--text:#e8f3eb;--muted:#94ab99;--green:#39ff7d;--green-soft:rgba(57,255,125,.10);--radius:22px;--shadow:0 0 0 1px rgba(57,255,125,.06),0 24px 60px rgba(0,0,0,.42)}
html,body{margin:0;padding:0;background:radial-gradient(circle at top, rgba(57,255,125,.10), transparent 24%),linear-gradient(180deg,var(--bg2) 0%, var(--bg) 38%, #030403 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100%}
body{position:relative}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.mono,.brand,.eyebrow,.status,.topnav a,.chip,.sidebtn,.button,.panel-title,.sysline,.label,.state,.tag,.meta,.mini-badge,.terminal-line,.terminal-head{font-family:"Share Tech Mono",monospace}
.scanlines{pointer-events:none;position:fixed;inset:0;z-index:5;opacity:.05;background:repeating-linear-gradient(to bottom, rgba(255,255,255,.08), rgba(255,255,255,.08) 1px, transparent 1px, transparent 3px)}
.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:14px 20px;border-bottom:1px solid var(--line);background:rgba(6,10,8,.86);backdrop-filter:blur(12px)}
.brand{color:var(--green);font-size:1.12rem;letter-spacing:.04em}.topnav{display:flex;gap:1rem}.topnav a{color:var(--muted);font-size:.85rem}.topnav a:hover{color:var(--green)}.status{color:var(--green);font-size:.82rem}
.hero,.page-wrap{max-width:1460px;margin:0 auto}.hero{padding:58px 20px 28px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.hero-copy,.terminal,.sidebar,.content,.panel,.footer-card,.card,.page-panel{background:linear-gradient(180deg, rgba(11,19,15,.94), rgba(8,12,10,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-copy,.terminal,.sidebar,.content,.panel,.footer-card,.page-panel{padding:24px}.eyebrow{color:var(--muted);font-size:.77rem;letter-spacing:.14em;margin-bottom:12px}
.hero h1,.page-title{margin:0;font-family:"Share Tech Mono",monospace;line-height:1.02;font-weight:700}.hero h1{font-size:clamp(2.5rem, 6vw, 5.3rem)}.hero h1 span{color:var(--green)}.hero p,.page-copy,.footer-card p,.panel p{color:#a4b7aa;line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line2);border-radius:999px;padding:12px 16px;cursor:pointer}.button-primary{background:var(--green);color:#06100a;font-weight:700}.button-secondary{background:transparent;color:var(--green)}.button.small{padding:9px 12px}
.search-wrap{margin-top:20px}.search-wrap input,.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:rgba(4,8,6,.86);border:1px solid var(--line);border-radius:16px;color:var(--text);padding:14px 15px;outline:none}
.quick-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.chip,.sidebtn{background:#09110d;border:1px solid var(--line);color:var(--muted)}.chip{border-radius:999px;padding:8px 12px;cursor:pointer}.chip.active,.chip:hover,.sidebtn.active,.sidebtn:hover{background:var(--green-soft);border-color:rgba(57,255,125,.36);color:var(--green)}
.terminal-head{color:var(--green);font-size:.86rem;letter-spacing:.08em;margin-bottom:10px}.terminal-line{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);color:#b4c7b8}.terminal-line strong{color:#b5ffcb}.terminal-note{margin-top:16px;color:#98ad9f;line-height:1.7}
.layout{max-width:1460px;margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:290px 1fr;gap:24px}.sidebar{align-self:start;position:sticky;top:76px}.panel-title{color:var(--green);font-size:.84rem;letter-spacing:.08em}
.sidebtn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;text-align:left;margin-top:10px;cursor:pointer}.side-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.sysline{font-size:.82rem;color:#9fb3a3;margin-top:8px}
.stack-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.stack-list span,.mini-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:.72rem;color:#9db2a3}
.content-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.content-meta{color:var(--green);font-family:"Share Tech Mono",monospace;font-size:.88rem}select{background:#09110d;color:var(--text);border:1px solid var(--line);border-radius:14px;padding:11px 14px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:286px}.card-top,.card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center}
.label{display:inline-flex;padding:6px 9px;border:1px solid rgba(57,255,125,.22);border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.72rem;text-transform:uppercase}.state{font-size:.74rem;color:#a0b4a6}.card h3{margin:0;font-size:1.05rem;color:#f6fff8}.card p{margin:0;color:#9eb1a2;line-height:1.65;flex:1}
.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:#92a99a;font-size:.72rem}.meta{display:flex;flex-wrap:wrap;gap:12px;color:#859c8b;font-size:.76rem}.card-note{font-size:.76rem;color:#85998a;text-align:right}
.empty{grid-column:1/-1;text-align:center;padding:44px 20px;border:1px dashed var(--line);border-radius:18px;color:#a5b9aa;font-family:"Share Tech Mono",monospace}
.section-grid{max-width:1460px;margin:0 auto;padding:0 20px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.footer-card h2,.panel h2{margin:0 0 10px;color:var(--green);font-family:"Share Tech Mono",monospace;font-size:1rem}.feature-list{margin:0;padding-left:18px;color:#a4b7aa;line-height:1.8}
.site-footer{max-width:1460px;margin:0 auto;padding:0 20px 28px;display:flex;justify-content:space-between;gap:10px;color:#8ea493}.footer-links{display:flex;gap:14px}.page-wrap{padding:36px 20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;color:#b5c8bb}.form-grid .full{grid-column:1/-1}.form-grid label span{font-family:"Share Tech Mono",monospace;font-size:.82rem}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left}.data-table th{font-family:"Share Tech Mono",monospace;color:var(--green);font-size:.82rem}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.kpi{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(4,8,6,.74)}.kpi strong{display:block;font-family:"Share Tech Mono",monospace;color:var(--green);font-size:1.5rem;margin-top:8px}
.callout{border-left:3px solid var(--green);padding-left:14px;color:#abc1b1}.code{display:block;white-space:pre-wrap;background:#07100b;border:1px solid var(--line);border-radius:16px;padding:14px;color:#bee5c8;font-family:"Share Tech Mono",monospace;font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid,.grid-2,.kpis{grid-template-columns:1fr}}
@media (max-width:960px){.hero-grid,.layout{grid-template-columns:1fr}.sidebar{position:static}}
@media (max-width:700px){.topnav{display:none}.cards,.form-grid{grid-template-columns:1fr}.site-footer,.content-head{flex-direction:column;align-items:flex-start}}