.layout{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.hd{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-background);border-bottom:1px solid var(--color-border)}.hd-inner{display:flex;justify-content:space-between;align-items:center;min-height:72px}.hd-logo{font-size:17px;font-weight:600;color:var(--color-text-primary)}.hd-nav{display:flex;gap:28px}.hd-nav a{font-size:15px;color:var(--color-text-muted);transition:color .15s}.hd-nav a:hover{color:var(--color-text-primary)}.hd-nav a.active{color:var(--color-primary)}.burger{display:none;background:none;border:none;cursor:pointer;width:24px;height:18px;position:relative;flex-shrink:0}.burger span{display:block;width:100%;height:2px;background:var(--color-text-secondary);position:absolute;left:0;transition:all .2s}.burger span:first-child{top:4px}.burger span:last-child{bottom:4px}.burger span.burger-x:first-child{top:8px;transform:rotate(45deg)}.burger span.burger-x:last-child{bottom:8px;transform:rotate(-45deg)}.ft{margin-top:80px;border-top:1px solid var(--color-border);font-size:13px;color:var(--color-text-muted)}.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-top:32px;padding-bottom:32px}.ft-label{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-text-muted);margin-bottom:10px;font-weight:500}.ft-desc{font-size:13px;color:#777;line-height:1.6}.ft-desc a{color:var(--color-primary)}.ft-desc a:hover{text-decoration:underline}.ft-links{display:flex;flex-direction:column;gap:6px}.ft-links a{color:#777;font-size:13px;transition:color .15s}.ft-links a:hover{color:var(--color-text-secondary)}.ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;padding-bottom:16px;border-top:1px solid var(--color-border);font-size:12px;color:#555}.ft-bottom a{color:#777}.ft-bottom a:hover{color:var(--color-text-secondary)}@media (max-width: 768px){.hd-inner{padding-top:14px;padding-bottom:14px}.burger{display:block}.hd-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#0c0c0cf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.hd-nav-open{display:flex}.hd-nav a{font-size:15px;padding:14px 20px;border-top:1px solid var(--color-border)}.ft{margin-top:48px}.ft-top{grid-template-columns:1fr 1fr;gap:24px}}@media (max-width: 480px){.ft-top{grid-template-columns:1fr;gap:20px}.ft-bottom{flex-direction:column;gap:8px;text-align:center}}.hero{position:relative;height:50vh;min-height:350px;display:flex;align-items:center;overflow:hidden}.hero-vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0c0c0cd9,#0c0c0c66)}.hero-content{position:relative;z-index:1}.hero-tag{font-size:14px;color:#fff;margin-bottom:20px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero-solodev{color:var(--color-primary);transition:color .15s}.hero-solodev:hover{color:#ff7849;text-decoration:underline}.hero-title{font-size:40px;font-weight:400;line-height:1.4;color:#fff;max-width:700px;margin-bottom:24px;text-shadow:0 2px 16px rgba(0,0,0,.6)}.hero-title em{font-style:normal;color:var(--color-primary)}.hero-sub{font-family:var(--font-sans);font-size:16px;line-height:1.7;color:#ffffffb3;max-width:520px;margin-bottom:24px;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero .primary-btn{margin-top:0}.home-content{padding-top:56px}@media (max-width: 768px){.hero{height:45vh;min-height:300px}.hero-title{font-size:26px}.hero-sub{font-size:15px}.home-content{padding-top:40px}}@media (max-width: 480px){.hero{height:40vh;min-height:260px}.hero-title{font-size:22px;max-width:100%}.hero-fade{background:linear-gradient(to right,#0c0c0ce6,#0c0c0c80)}.home-content{padding-top:32px}}.blog-search{margin-bottom:32px}.blog-search input{font-family:var(--font-mono);font-size:var(--font-size-base);background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-input-text);padding:10px 12px;border-radius:var(--border-radius);outline:none;width:100%;max-width:300px;transition:border-color var(--transition-fast)}.blog-search input:focus{border-color:var(--color-primary)}.blog-pagination{display:flex;align-items:center;gap:16px;margin-top:24px}.blog-pagination button{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:14px;color:var(--color-primary);padding:0}.blog-pagination button:hover{text-decoration:underline}.article-header{margin-bottom:32px}.article-title{font-size:26px;font-weight:600;line-height:1.4;color:var(--color-text-primary);margin-bottom:10px}.article-meta{font-size:14px;color:var(--color-text-muted);display:flex;gap:12px}.article-tags-meta{color:#666}.back-link{display:inline-block;font-size:13px;color:var(--color-text-muted);margin-bottom:20px}.back-link:hover{color:var(--color-primary)}.article-body{font-family:var(--font-sans);font-size:17px;line-height:1.8;color:#ddd}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-family:var(--font-mono);color:var(--color-text-primary);margin-top:36px;margin-bottom:14px}.article-body h1{font-size:24px}.article-body h2{font-size:20px}.article-body h3{font-size:17px}.article-body p{margin-bottom:16px}.article-body a{color:var(--color-primary)}.article-body a:hover{text-decoration:underline}.article-body ul,.article-body ol{margin-bottom:16px;padding-left:24px}.article-body li{margin-bottom:6px}.article-body blockquote{margin:16px 0;padding:12px 20px;border-left:2px solid #222;color:var(--color-text-muted);font-style:italic}.article-body pre{margin:16px 0;padding:16px;background:#111;border-radius:4px;overflow-x:auto;font-family:var(--font-mono);font-size:13px}.article-body code{font-family:var(--font-mono);font-size:.9em}.article-body img{max-width:100%;height:auto;border-radius:4px;margin:16px 0}.article-body table{width:100%;border-collapse:collapse;margin:16px 0;display:block;overflow-x:auto}.article-body th,.article-body td{padding:8px 12px;border:1px solid var(--color-border);text-align:left;font-size:13px}.article-body th{background:#111;color:var(--color-text-primary)}.article-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border)}.article-tag-list{display:flex;gap:8px;flex-wrap:wrap}.article-tag{font-size:12px;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-muted);transition:color .15s}.article-tag:hover{color:var(--color-primary);border-color:var(--color-primary)}@media (max-width: 768px){.article-title{font-size:22px}.article-body{font-size:16px}.article-body h1{font-size:20px}.article-body h2{font-size:18px}.article-body h3{font-size:16px}}.not-found{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - calc(var(--space-4) * 8));padding:var(--space-8) 0;position:relative;overflow:hidden}.not-found-content{text-align:center;max-width:calc(var(--space-4) * 24);position:relative;z-index:1}.not-found-title{font-size:var(--font-size-8xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-4);line-height:1;position:relative}.not-found-subtitle{font-size:var(--font-size-3xl);margin-bottom:var(--space-6)}.not-found-message{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.small-text{font-size:var(--font-size-sm);opacity:var(--opacity-70);font-style:italic}.not-found-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.not-found-title{font-size:var(--font-size-7xl)}.not-found-subtitle{font-size:var(--font-size-2xl)}.not-found-actions{flex-direction:column;align-items:center}.not-found-actions .btn{width:100%;max-width:calc(var(--space-4) * 8)}.float-emoji{font-size:var(--font-size-2xl)}}.privacy{padding:4rem 0;max-width:800px;margin:0 auto}.privacy h1{margin-bottom:.5rem}.privacy-updated{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.9rem}.privacy section{margin-bottom:2rem}.privacy h2{margin-bottom:.75rem;font-size:1.4rem}.privacy h3{margin-bottom:.5rem;font-size:1.1rem}.privacy p{margin-bottom:.75rem;line-height:1.7}.privacy ul{margin-bottom:1rem;padding-left:1.5rem}.privacy li{margin-bottom:.4rem;line-height:1.6}.privacy a{color:var(--accent);text-decoration:underline}:root,[data-theme=dark],[data-theme=light]{--color-background: #0c0c0c;--color-surface: #141414;--color-surface-hover: #1a1a1a;--color-text-primary: #e5e5e5;--color-text-secondary: #bbb;--color-text-muted: #888;--color-border: #1a1a1a;--color-primary: #1DB954;--color-primary-hover: #22c55e;--color-secondary: #1DB954;--color-secondary-hover: #22c55e;--color-accent: #1DB954;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #e05c5c;--color-code-bg: #111;--color-code-text: #ccc;--color-white: #ffffff;--color-black: #000000;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "Fira Code", monospace;--font-display: "IBM Plex Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2.25rem;--font-size-5xl: 2.5rem;--font-size-code: .9em;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-18: 4.5rem;--space-20: 5rem;--space-24: 6rem;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--border-radius-sm: 4px;--border-radius-md: 4px;--border-radius: 4px;--border-radius-lg: 6px;--border-radius-xl: 6px;--border-radius-2xl: 8px;--border-radius-full: 9999px;--shadow-sm: none;--shadow-md: none;--shadow-card: none;--shadow-subtle: none;--shadow-soft: none;--shadow-lg: none;--shadow-xl: none;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--max-width-content: 900px;--max-width-narrow: 900px;--header-height: 56px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--color-primary-10: rgba(29, 185, 84, .1);--color-primary-15: rgba(29, 185, 84, .15);--color-primary-20: rgba(29, 185, 84, .2);--color-primary-30: rgba(29, 185, 84, .3);--color-input-bg: #111;--color-input-border: #222;--color-input-text: #ccc;--color-input-placeholder: #555}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}a{color:inherit;text-decoration:none}hr{border:none;border-top:1px solid var(--color-border);margin:32px 0}.container{width:100%;max-width:var(--max-width-content);margin:0 auto;padding:0 48px}.label{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--color-text-muted);margin-bottom:14px;font-weight:var(--font-weight-medium)}.mono-list{list-style:none;padding:0}.mono-list li{padding:6px 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.mono-list li:before{content:"~ ";color:#555}.mono-list li a{color:var(--color-primary)}.mono-list li a:hover{text-decoration:underline}.body-text{font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--color-text-secondary)}.body-text a{color:var(--color-primary)}.body-text a:hover{text-decoration:underline}.accent-link{font-size:var(--font-size-base);color:var(--color-primary)}.accent-link:hover{text-decoration:underline}.primary-btn{display:inline-block;font-family:var(--font-mono);font-size:14px;font-weight:var(--font-weight-semibold);background:var(--color-primary);color:var(--color-background);padding:12px 24px;border-radius:var(--border-radius);border:none;cursor:pointer;text-decoration:none;transition:background var(--transition-fast)}.primary-btn:hover{background:var(--color-primary-hover)}.primary-btn:disabled{opacity:.5;cursor:default}.cta-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cta-or{font-size:13px;color:#555}.team{display:flex;flex-direction:column;gap:24px}.team-member{padding:20px 0;border-bottom:1px solid var(--color-border)}.team-member:last-child{border-bottom:none}.team-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:4px}.team-tags{font-size:12px;color:var(--color-primary);margin-bottom:8px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:first-child{border-top:1px solid var(--color-border)}.faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:14px 0;background:none;border:none;font-family:var(--font-mono);font-size:14px;color:var(--color-text-primary);cursor:pointer;text-align:left;gap:16px;transition:color var(--transition-fast)}.faq-q:hover{color:var(--color-primary)}.faq-arrow{color:#555;font-size:16px;flex-shrink:0}.faq-a{font-family:var(--font-sans);font-size:14px;line-height:1.7;color:var(--color-text-muted);padding:0 0 16px}.article-rows{margin-bottom:16px}.article-row{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid #111;text-decoration:none;transition:all .1s}.article-row:first-child{border-top:1px solid #111}.article-row:hover{padding-left:6px}.article-row:hover .article-row-title{color:var(--color-primary)}.article-row-date{font-size:13px;color:var(--color-text-muted);flex-shrink:0;min-width:64px}.article-row-title{font-size:var(--font-size-base);color:var(--color-text-secondary);transition:color .1s;flex:1}.article-row-tag{font-size:12px;color:var(--color-text-muted);flex-shrink:0}.form{display:flex;flex-direction:column;gap:20px;max-width:500px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field input,.field textarea{font-family:var(--font-mono);font-size:var(--font-size-base);background:var(--color-input-bg);border:1px solid var(--color-input-border);color:var(--color-input-text);padding:10px 12px;border-radius:var(--border-radius);outline:none;transition:border-color var(--transition-fast)}.field input:focus,.field textarea:focus{border-color:var(--color-primary)}.field textarea{resize:vertical}.error-text{font-size:12px;color:var(--color-error)}.page{padding-top:56px;padding-bottom:56px}.page-title{font-size:22px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:36px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .3s ease}@media (max-width: 768px){.container{padding:0 20px}.page-title{font-size:20px;margin-bottom:28px}.body-text{font-size:15px}.article-row{gap:12px;padding:10px 0}.article-row-date{font-size:12px;min-width:48px}.article-row-title{font-size:14px}.article-row-tag{display:none}.form{max-width:100%}.form-row{grid-template-columns:1fr}.field input,.field textarea{font-size:16px;padding:12px}hr{margin:24px 0}.mono-list li{font-size:14px}}@media (max-width: 480px){.container{padding:0 16px}.page{padding-top:32px;padding-bottom:32px}.page-title{font-size:18px;margin-bottom:24px}}