@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;700&display=swap";html{scrollbar-gutter:stable;overflow-y:scroll}:root{--bg-color:#fcfcfc;--text-color:#2d3436;--accent-color:#0984e3;--secondary-accent:#e17055;--cursor-color:#2d3436;--font-mono:"JetBrains Mono", "Courier New", monospace;--grid-size:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 0;font-size:16px;line-height:1.6;display:flex;position:relative}body:before{content:"";background-image:linear-gradient(#e0e0e0 1px,#0000 1px),linear-gradient(90deg,#e0e0e0 1px,#0000 1px);background-size:var(--grid-size) var(--grid-size);z-index:-1;opacity:.3;width:100%;height:100%;position:fixed;top:0;left:0}.terminal{overflow-wrap:break-word;background:#fff;border:1px solid #d1d1d1;width:900px;max-width:100%;min-height:80vh;margin:0 auto;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000014}.terminal-header{background:#f1f1f1;border-bottom:1px solid #d1d1d1;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.terminal-content{padding:2rem}.terminal-title{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.terminal-controls{gap:8px;display:flex}.dot{background-color:#eee;border:1px solid #ddd;border-radius:50%;width:12px;height:12px}h1,h2,h3{margin-top:2rem;margin-bottom:1rem;font-weight:700}h1:before{content:"# ";opacity:.3}h2:before{content:"## ";opacity:.3}h3:before{content:"### ";opacity:.3}p{margin-bottom:1rem}ul{margin-bottom:1rem;list-style:none}li:before{content:"> ";opacity:.5;margin-right:.5rem}a{color:var(--accent-color);border-bottom:1px dashed #0000;text-decoration:none;transition:all .2s}a:hover{border-bottom-color:var(--accent-color)}.prompt{color:var(--accent-color);align-items:center;gap:.5rem;margin-top:2rem;display:flex}.prompt:before{content:"visitor@vibe-jam:~$";font-weight:700}.cursor{background-color:var(--cursor-color);vertical-align:middle;width:8px;height:18px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tabs{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.tab{cursor:pointer;background:#f9f9f9;border:1px solid #eee;padding:.5rem 1rem;transition:all .2s}.tab.active{border-color:var(--text-color);box-shadow:2px 2px 0 var(--text-color);background:#fff;font-weight:700}.tab:hover:not(.active){background:#eee}.dim{opacity:.6}.accent{color:var(--accent-color);font-weight:700}.orange{color:var(--secondary-accent)}@media (width<=600px){body,.terminal{padding:1rem}}