@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg:#f6f7fb;--color-surface:#fff;--color-surface-raised:#fff;--color-text:#0f1420;--color-accent:#d97706;--color-accent-2:#0d9488;--color-divider:#0f14201a;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-accent-100:#fef3c7;--color-accent-200:#fde68a;--color-accent-300:#fcd34d;--color-accent-400:#fbbf24;--color-accent-500:#f59e0b;--color-accent-600:#d97706;--color-accent-700:#b45309;--color-accent-800:#92400e;--color-accent-900:#78350f;--color-accent-2-100:#ccfbf1;--color-accent-2-200:#99f6e4;--color-accent-2-300:#5eead4;--color-accent-2-400:#2dd4bf;--color-accent-2-500:#14b8a6;--color-accent-2-600:#0d9488;--color-accent-2-700:#0f766e;--color-accent-2-800:#115e59;--color-accent-2-900:#134e4a;--gradient-brand:linear-gradient(135deg, #f59e0b 0%, #d97706 45%, #0d9488 100%);--gradient-brand-soft:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 16%, transparent), color-mix(in srgb, var(--color-accent-2) 12%, transparent));--gradient-mesh:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 42%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--color-accent-2) 16%, transparent), transparent 45%);--font-heading:"Inter", system-ui, sans-serif;--font-heading-weight:800;--font-body:"Inter", system-ui, sans-serif;--space-1:6px;--space-2:10px;--space-3:16px;--space-4:22px;--space-6:32px;--space-8:44px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0f, 0 1px 1px #0f172a0a;--shadow-md:0 10px 24px #0f172a1a, 0 2px 8px #0f172a0f;--shadow-lg:0 24px 56px #0f172a29, 0 8px 20px #0f172a14;--shadow-glow:0 12px 32px color-mix(in srgb, var(--color-accent) 30%, transparent);--max-width:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#0a0e17;--color-surface:#121826;--color-surface-raised:#171f30;--color-text:#e9edf6;--color-accent:#fbbf24;--color-accent-2:#2dd4bf;--color-divider:#e9edf61f;--gradient-brand:linear-gradient(135deg, #fbbf24 0%, #f59e0b 45%, #2dd4bf 100%);--gradient-mesh:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 42%), radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--color-accent-2) 14%, transparent), transparent 45%);--shadow-sm:0 0 0 1px #e9edf614;--shadow-md:0 0 0 1px #e9edf61a, 0 10px 28px #00000080;--shadow-lg:0 0 0 1px #e9edf61f, 0 24px 56px #0009;--shadow-glow:0 16px 40px color-mix(in srgb, var(--color-accent) 22%, transparent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:15.5px;font-weight:400;line-height:1.6;transition:background-color .3s,color .3s}#root{flex-direction:column;display:flex}#root>main{flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.02em;margin:0 0 var(--space-2);line-height:1.1}h1{font-size:44px}h2{font-size:32px}h3{font-size:24px}h4{font-size:19px}h5{font-size:15px;font-weight:700}h6{letter-spacing:.09em;text-transform:uppercase;font-size:12px;font-weight:700}p{margin:0 0 var(--space-3)}ul{margin:0;padding:0;list-style:none}a{color:var(--color-accent);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.text-muted{color:color-mix(in srgb, var(--color-text) 55%, transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.section{max-width:var(--max-width);margin:0 auto;padding:30px 32px}.section--narrow{max-width:900px}.section-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent);border-radius:var(--radius-pill);align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.section-eyebrow:before{content:"";background:var(--gradient-brand);border-radius:50%;width:6px;height:6px;display:inline-block}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(18px)scale(.99)}.reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hr{height:1px;margin:var(--space-4) 0;background:var(--color-divider);border:0}.btn{cursor:pointer;font-family:var(--font-heading);color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s,border-color .2s;display:inline-flex}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#1a1206;background:var(--gradient-brand);box-shadow:var(--shadow-sm);border-color:#0000}.btn-primary:hover{box-shadow:var(--shadow-glow)}.btn-primary:active{box-shadow:var(--shadow-sm)}:root[data-theme=dark] .btn-primary{color:#17120a}.btn-secondary{border-color:var(--color-divider);background:var(--color-surface);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, var(--color-divider));box-shadow:var(--shadow-md)}.btn-secondary:active{box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb, var(--color-accent) 10%, transparent);transform:none}.btn-ghost:active{background:color-mix(in srgb, var(--color-accent) 18%, transparent)}.btn-icon{border-radius:var(--radius-pill);width:40px;height:40px;padding:0}.btn-block{width:100%}.field>label{color:color-mix(in srgb, var(--color-text) 70%, transparent);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input{width:100%;min-height:44px;font:inherit;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:hover{border-color:color-mix(in srgb, var(--color-text) 35%, var(--color-divider))}.input:focus-visible{border-color:var(--color-accent);outline-offset:0;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 16%, transparent)}textarea.input{resize:vertical;min-height:110px}.card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;display:flex}.card:hover,.link-button:hover .card{box-shadow:var(--shadow-lg);border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-divider));transform:translateY(-5px)}.card-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-size:11px;font-weight:700}.card-title{font-family:var(--font-heading);letter-spacing:-.01em;font-size:18px;font-weight:700;line-height:1.25}.card-body{opacity:.75;flex:1;margin:0;font-size:13.5px}.card-body ul{flex-direction:column;gap:8px;display:flex}.card-body li{padding-left:18px;position:relative}.card-body li:before{content:"";background:var(--gradient-brand);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;left:0}.card-meta{color:color-mix(in srgb, var(--color-text) 50%, transparent);flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{letter-spacing:.01em;border-radius:var(--radius-pill);align-items:center;padding:5px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}:root[data-theme=dark] .tag-accent{background:color-mix(in srgb, var(--color-accent) 20%, transparent);color:var(--color-accent-200)}:root[data-theme=dark] .tag-accent-2{background:color-mix(in srgb, var(--color-accent-2) 20%, transparent);color:var(--color-accent-2-200)}:root[data-theme=dark] .tag-neutral{background:color-mix(in srgb, var(--color-text) 12%, transparent);color:var(--color-text)}.plate{filter:saturate(1.05)contrast(1.02);box-sizing:border-box;border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.plate img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.link-button:hover .plate img{transform:scale(1.045)}.plate-empty{color:color-mix(in srgb, var(--color-text) 45%, transparent);text-align:center;padding:var(--space-3);font-size:12px}.plate-fallback{background:linear-gradient(135deg, color-mix(in srgb, var(--color-accent) 18%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 6%, var(--color-surface)));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.plate-fallback span{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:.04em;color:color-mix(in srgb, var(--color-accent) 70%, var(--color-text));font-size:32px}.nav{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-divider);z-index:50;background:color-mix(in srgb, var(--color-bg) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.4);grid-template-columns:1fr auto 1fr;display:grid;position:sticky;top:0}.nav-brand{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--color-text);cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:10px;padding:0;font-size:17px;font-weight:800;display:flex}.nav-controls{justify-self:end;align-items:center;gap:8px;display:flex}.nav-avatar{object-fit:cover;object-position:center 15%;background:var(--gradient-brand);width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:50%;padding:2px}.nav a,.nav-links button,.nav-mobile-menu button{color:inherit;border-radius:var(--radius-pill);cursor:pointer;text-align:left;background:0 0;border:none;padding:7px 14px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s}.nav a:hover,.nav-links button:hover,.nav-mobile-menu button:hover{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 10%, transparent);text-decoration:none}.nav a.is-active,.nav-links button.is-active,.nav-mobile-menu button.is-active{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, transparent)}.nav-brand.is-active{color:var(--color-text)}.nav-links{grid-column:2;justify-content:center;align-items:center;gap:28px;display:flex}.nav-mobile-menu{border-bottom:1px solid var(--color-divider);background:var(--color-bg);flex-direction:column;gap:14px;padding:16px 32px;display:flex}.link-button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.link-button:hover{text-decoration:none}.link-button--block{width:100%;height:100%;display:block}.hero{isolation:isolate;max-width:var(--max-width);grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;margin:0 auto;padding:15px 32px 20px;display:grid;position:relative}.hero:before{content:"";background:var(--gradient-mesh);z-index:-1;pointer-events:none;position:absolute;inset:-32px 0 0}.hero-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px;display:grid}.hero-stat-card{border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-divider);box-shadow:var(--shadow-sm);padding:14px 16px;transition:transform .25s,box-shadow .25s}.hero-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.hero-stat-value{font-family:var(--font-heading);letter-spacing:-.01em;font-size:20px;font-weight:800;line-height:1.2}.hero-stat-label{margin-top:2px;font-size:11.5px}.hero-terminal{border-radius:var(--radius-lg);border:1px solid var(--color-divider);width:100%;height:546px;box-shadow:var(--shadow-lg), 0 0 0 1px color-mix(in srgb, var(--color-accent) 10%, transparent);background:#0d1424;flex-direction:column;display:flex;overflow:hidden}.terminal-bar{background:#16203a;border-bottom:1px solid #ffffff0f;flex:none;align-items:center;gap:6px;padding:10px 14px;display:flex}.terminal-dot{border-radius:50%;width:11px;height:11px;display:inline-block}.terminal-title{color:#64748b;font-size:12px;font-family:var(--font-body);margin-left:8px}.terminal-body{color:#d7deed;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;padding:20px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;overflow:auto}.code-keyword{color:#fbbf24}.code-comment{color:#64748b;font-style:italic}.cursor{vertical-align:text-bottom;background:#fbbf24;width:7px;height:15px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.home-cta-wrap{max-width:var(--max-width);margin:0 auto;padding:0 32px 20px}.home-cta{border-radius:var(--radius-lg);background:var(--gradient-mesh), var(--color-surface);border:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}@media (width<=720px){.home-cta-wrap{padding:0 20px 56px}.home-cta{padding:24px}}.about-avatar{border-radius:var(--radius-lg);flex:none;width:148px;height:148px}.about-avatar img{object-position:center 15%}.page-hero{max-width:800px;margin:0 auto;padding:64px 32px 96px}.blog-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:18px;display:grid}.footer{border-top:1px solid var(--color-divider);background:var(--color-surface);position:relative}.footer:before{content:"";background:var(--gradient-brand);height:2px;position:absolute;top:-1px;left:0;right:0}.footer-bottom{max-width:var(--max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 auto;padding:7px;display:flex}.footer-socials{gap:10px;display:flex}@media (width<=860px){.hero{grid-template-columns:1fr;padding-top:56px}.hero-visual{order:-1;height:300px}.contact-grid{grid-template-columns:1fr!important}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.nav-links{display:none}.section{padding:48px 20px}.hero{padding:48px 20px 56px}.hero-stats{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:1fr}}
