.site-header[data-astro-cid-3ef6ksr2]{padding:2rem 1.5rem;margin-bottom:1.5rem}.header-content[data-astro-cid-3ef6ksr2]{max-width:750px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-3ef6ksr2]{font-weight:700;font-size:1.1rem;color:#111;text-decoration:none;letter-spacing:-.5px}.logo[data-astro-cid-3ef6ksr2]:hover{text-decoration:none;color:#60f}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:#666;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s ease}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:#60f}.nav-links[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{color:#111;font-weight:600}.site-footer[data-astro-cid-sz7xmlte]{padding:2rem 1.5rem;margin-top:2rem;border-top:1px solid #E5E5E5}.footer-content[data-astro-cid-sz7xmlte]{max-width:750px;margin:0 auto;text-align:center;font-size:.9rem;color:#777}a[data-astro-cid-sz7xmlte]{color:#777;text-decoration:none;transition:color .2s ease}a[data-astro-cid-sz7xmlte]:hover{color:var(--accent);text-decoration:underline}@media(max-width:600px){.desktop-sep[data-astro-cid-sz7xmlte]{display:none}p[data-astro-cid-sz7xmlte]{display:flex;flex-direction:column;gap:.5rem}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg: #FAFAFA;--surface: #FFFFFF;--text-main: #171717;--text-muted: #737373;--border: #E5E5E5;--accent: #6600FF;--accent-glow: rgba(102, 0, 255, .15);--radius: 8px;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}::selection{background:var(--accent);color:#fff}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}h1,h2,h3{color:var(--text-main);font-weight:600;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1.5rem}.eyebrow{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;display:block;font-weight:600;letter-spacing:.05em}h2{font-size:1.5rem;margin-top:4rem;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}h2:after{content:"";height:1px;background:var(--border);flex-grow:1}p{font-size:1.05rem;color:var(--text-muted);max-width:65ch;margin-bottom:1.5rem}a{color:var(--text-main);text-decoration:none;background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 2px;background-repeat:no-repeat;background-position:left bottom;transition:background-size .3s var(--ease),color .3s var(--ease)}a:hover{background-size:100% 2px;color:var(--accent)}main{max-width:1000px;margin:0 auto;padding:1rem 2rem;flex:1;width:100%}.grid-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--surface);padding:2rem;border-radius:var(--radius);border:1px solid var(--border);transition:all .4s var(--ease);position:relative;display:flex;flex-direction:column;justify-content:space-between}.card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 12px 32px -10px var(--accent-glow)}.card h3{font-size:1.25rem;margin-bottom:.75rem}.card-meta{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-top:1.5rem;display:flex;gap:.75rem}.card-meta span{background:#f4f4f5;padding:2px 6px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:var(--text-main);color:#fff;border-radius:var(--radius);font-weight:500;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);text-decoration:none;background-image:none}.btn:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);color:#fff!important;box-shadow:0 4px 15px var(--accent-glow)}.btn-ghost{background:transparent;color:var(--text-main);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--text-main);color:var(--text-main)!important;background:var(--bg);transform:translateY(-2px);box-shadow:none}.highlight{color:var(--accent);font-weight:600}
