:root{--font-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-canvas: #f8fafc;--surface: #ffffff;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--terminal-bg: #090d16;--terminal-header: #131926;--terminal-border: #1e293b;--code-green: #10b981;--code-blue: #3b82f6;--code-amber: #f59e0b}body{font-family:var(--font-body);background-color:var(--bg-canvas);color:#0f172a;letter-spacing:-.015em;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,.font-heading{font-family:var(--font-heading)!important;letter-spacing:-.035em;font-weight:700}.font-mono,code,pre,.terminal-box,.code-badge,.btn-dev-primary,.btn-dev-outline,.form-label,.form-control.font-mono,.form-select.font-mono,.service-spec-item,.accordion-button{font-family:var(--font-mono)!important;font-feature-settings:"zero" 1,"ss02" 1}.bg-grid-pattern{background-size:36px 36px;background-image:linear-gradient(to right,rgba(226,232,240,.5) 1px,transparent 1px),linear-gradient(to bottom,rgba(226,232,240,.5) 1px,transparent 1px)}.bento-card{background-color:var(--surface);border:1px solid var(--border-subtle);border-radius:14px;transition:all .25s cubic-bezier(.16,1,.3,1)}.bento-card:hover{border-color:var(--border-medium);box-shadow:0 10px 30px -12px #0f172a14;transform:translateY(-2px)}.terminal-box{background-color:var(--terminal-bg);border:1px solid var(--terminal-border);border-radius:12px;box-shadow:0 20px 45px -15px #00000080;overflow:hidden;font-family:var(--font-mono)}.terminal-header{background-color:var(--terminal-header);border-bottom:1px solid var(--terminal-border);padding:10px 16px;display:flex;align-items:center;justify-content:space-between}.terminal-dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot-red{background-color:#ef4444}.dot-yellow{background-color:#f59e0b}.dot-green{background-color:#10b981}.code-badge{font-family:var(--font-mono);font-size:.75rem;padding:3px 9px;border-radius:6px;background:#f1f5f9;border:1px solid var(--border-subtle);color:#475569}.code-badge-green{background:#10b98114;border-color:#10b98140;color:#059669}.code-badge-blue{background:#3b82f614;border-color:#3b82f640;color:#2563eb}.blinking-cursor{display:inline-block;width:8px;height:15px;background-color:var(--code-green);vertical-align:middle;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.btn-dev-primary{background-color:#0f172a;color:#fff;border:1px solid #0f172a;font-family:var(--font-mono);font-size:.875rem;padding:10px 22px;border-radius:8px;transition:all .2s ease}.btn-dev-primary:hover{background-color:#1e293b;color:#fff;border-color:#1e293b}.btn-dev-outline{background-color:#fff;color:#334155;border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:.875rem;padding:10px 20px;border-radius:8px;transition:all .2s ease}.btn-dev-outline:hover{background-color:#f1f5f9;border-color:var(--border-medium);color:#0f172a}.accordion-dev .accordion-item{background-color:#fff;border:1px solid var(--border-subtle);border-radius:10px!important;margin-bottom:12px;overflow:hidden}.accordion-dev .accordion-button{font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:#0f172a;background-color:#fff;box-shadow:none;padding:16px 20px}.accordion-dev .accordion-button:not(.collapsed){background-color:#f8fafc;color:var(--code-blue);border-bottom:1px solid var(--border-subtle)}.accordion-dev .accordion-body{font-size:.875rem;color:#475569;padding:20px;line-height:1.75}.service-spec-item{border-left:2px solid var(--border-subtle);padding-left:12px;transition:border-color .2s ease}.service-spec-item:hover{border-left-color:var(--code-blue)}
