@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700 800;font-style:normal;font-display:swap}:root{--bg: #ffffff;--bg-soft: #f7f8fa;--bg-tint: #edf4ff;--bg-dark: #121a2b;--text: #0f172a;--text-secondary: #334155;--text-muted: #94a3b8;--accent: #215DEE;--accent-hover: #1946c4;--accent-light: #eef3ff;--border: #e2e8f0;--font-body: "Atkinson", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Atkinson", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-width: 1120px;--content-width: 720px;--radius: 14px;--radius-sm: 10px;--radius-lg: 28px;--shadow-soft: 0 18px 40px rgba(15, 23, 42, .08);--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15;color:var(--text);letter-spacing:-.03em}h1{font-size:clamp(2.75rem,6vw,4rem)}h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}h3{font-size:clamp(1.3rem,2.5vw,1.75rem)}h4{font-size:clamp(1.1rem,2vw,1.35rem)}h5{font-size:1.1rem}h6{font-size:1rem}p{margin-bottom:1.25em}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.tag-label{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(33,93,238,.16);background:var(--accent-light);color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:-.01em;line-height:1;text-decoration:none}.meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta .sep{width:3px;height:3px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.site-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-width);margin:0 auto;padding:0 24px;height:72px}.site-logo{display:inline-flex;align-items:center;color:var(--text);text-decoration:none;white-space:nowrap;flex-shrink:0}.site-logo-image{height:36px;width:auto;display:block}.site-logo:hover{color:var(--text);text-decoration:none}@media(max-width:768px){.site-logo-image{height:30px;width:auto}}.site-nav{display:flex;align-items:center;gap:36px}.nav-link{font-size:.9rem;font-weight:450;color:var(--text-muted);text-decoration:none;position:relative;white-space:nowrap;transition:color var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--accent);transition:width var(--transition)}.nav-link:hover,.nav-link.active{color:var(--text);text-decoration:none}.nav-link.active:after,.nav-link:hover:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text)}.menu-toggle svg{width:24px;height:24px}.mobile-nav{display:none;position:fixed;inset:0;z-index:200;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:0;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav .mobile-close{position:absolute;top:22px;right:24px;background:none;border:none;cursor:pointer;color:var(--text);padding:8px}.mobile-nav .mobile-close svg{width:28px;height:28px}.mobile-nav a{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--text);text-decoration:none;padding:16px 0;letter-spacing:-.02em;transition:color var(--transition)}.mobile-nav a:hover{color:var(--accent);text-decoration:none}@media(max-width:768px){.site-nav{display:none}.menu-toggle{display:block}.mobile-nav{display:flex}}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition)}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover);color:#fff}.button-secondary{background:#fff;color:var(--text);border:1px solid rgba(33,93,238,.14)}.button-secondary:hover{color:var(--text);border-color:#215dee47}.hero{text-align:center;padding:80px 24px 72px;background:linear-gradient(180deg,#eef5ff,#fff)}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#215dee14;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px}.hero h1{font-size:clamp(3rem,7vw,4.75rem);line-height:1.05;margin-bottom:18px}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.hero-actions{margin-top:28px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.projects-strip{background:var(--accent);padding:52px 0;margin-bottom:80px}.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.project-item{text-align:center;text-decoration:none;color:#fff;transition:opacity var(--transition)}.project-item:hover{opacity:.8;color:#fff;text-decoration:none}.project-item strong{display:block;font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.project-item span{display:block;font-size:.88rem;line-height:1.5;color:#ffffffb3}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:24px}.section-header h2{font-size:clamp(1.75rem,3.5vw,2.5rem)}.section-link{font-size:.95rem;font-weight:600;color:var(--accent);white-space:nowrap}.section-link:hover{text-decoration:underline}.featured-post{margin-bottom:88px}.featured-post a{display:block;color:inherit;text-decoration:none}.featured-post a:hover{text-decoration:none}.featured-panel{display:grid!important;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.featured-image-wrap{overflow:hidden;border-radius:var(--radius);margin-bottom:0}.featured-image-wrap img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.featured-post a:hover .featured-image-wrap img{transform:scale(1.03)}.featured-copy{padding:0}.featured-post .meta{margin-bottom:14px}.featured-post h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:16px;transition:color var(--transition)}.featured-post a:hover h2{color:var(--accent)}.featured-post .excerpt{font-size:1.02rem;color:var(--text-secondary);line-height:1.7;max-width:640px}.read-more{display:inline-block;margin-top:12px;font-size:.95rem;font-weight:600;color:var(--accent);transition:gap var(--transition)}.featured-post a:hover .read-more{text-decoration:underline}.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 40px}.post-card{background:transparent}.post-card-link{display:block;color:inherit;text-decoration:none}.post-card-link:hover{text-decoration:none}.card-image-wrap{overflow:hidden;border-radius:var(--radius-sm);margin-bottom:20px}.card-image-wrap img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.post-card:hover .card-image-wrap img{transform:scale(1.03)}.post-card .meta{margin-bottom:10px}.tag-link{display:inline-flex;align-items:center;text-decoration:none;transition:all var(--transition)}.tag-link:hover{border-color:#215dee47;background:#e7efff;color:var(--accent-hover);text-decoration:none}.post-card h3{font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.3;margin-bottom:10px;transition:color var(--transition)}.post-card:hover h3{color:var(--accent)}.post-card .card-excerpt{font-size:.88rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.post-card mark{background:#215dee24;color:inherit;padding:0 .15em;border-radius:4px}.blog-toolbar{position:sticky;top:84px;z-index:30;margin-bottom:18px;padding:16px;border:1px solid rgba(33,93,238,.12);border-radius:var(--radius);background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 32px #0f172a0d}.search-wrap{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}#blog-search{width:100%;padding:14px 44px 14px 46px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.95rem;font-family:var(--font-body);color:var(--text);background:var(--bg);transition:border-color var(--transition),box-shadow var(--transition);outline:none}#blog-search::placeholder{color:var(--text-muted)}#blog-search::-webkit-search-cancel-button,#blog-search::-webkit-search-decoration,#blog-search::-webkit-search-results-button,#blog-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}#blog-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #215dee1a}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:color var(--transition)}.search-clear:hover{color:var(--text)}.tag-bar{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);font-family:var(--font-body);font-size:.82rem;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap;line-height:1}.tag-chip:hover{border-color:var(--accent);color:var(--accent)}.tag-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag-count{font-size:.72rem;font-weight:700;opacity:.55}.tag-chip.active .tag-count{opacity:.8}.empty-state{text-align:center;padding:64px 24px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius)}.empty-state-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text);margin-bottom:10px}.empty-state-text{color:var(--text-muted);font-size:1rem;max-width:520px;margin:0 auto 20px}.blog-status-bar{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0 24px}#post-count-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.load-more-btn{min-width:220px}.page-hero-wrap{background:linear-gradient(180deg,#eef5ff,#fff);padding:80px 24px 56px;margin-bottom:12px}.page-header{max-width:var(--content-width);margin:0 auto;text-align:center}.page-header h1{margin-bottom:12px}.page-header p{font-size:1.05rem;color:var(--text-secondary);max-width:640px;margin:0 auto}.article-header-wrap{background:linear-gradient(180deg,#eef5ff,#fff);padding-top:80px;padding-bottom:48px;margin-bottom:40px}.article-header{max-width:var(--content-width);margin:0 auto;padding:0 24px;text-align:center}.article-header h1{font-size:clamp(2.5rem,5.5vw,3.5rem);line-height:1.15;margin-bottom:20px}.article-header .meta{justify-content:center}.article-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-image{width:100%;max-width:960px;margin:0 auto 56px;border-radius:var(--radius);display:block}.back-link{max-width:var(--content-width);margin:64px auto 0;padding-top:32px;border-top:1px solid var(--border)}.back-link a{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color var(--transition)}.back-link a:hover{color:var(--accent)}.prose{max-width:var(--content-width);margin:0 auto;font-size:1.05rem;line-height:1.85;color:var(--text-secondary)}.prose>*+*{margin-top:1.25em}.prose h2{color:var(--text);font-size:clamp(1.5rem,3vw,2rem);margin-top:2.5em;margin-bottom:.5em}.prose>h2:first-child,.prose>h3:first-child,.prose>h4:first-child{margin-top:0}.prose h3{color:var(--text);font-size:clamp(1.25rem,2.5vw,1.55rem);margin-top:2em;margin-bottom:.4em}.prose h4{color:var(--text);font-size:clamp(1.1rem,2vw,1.3rem);margin-top:1.75em;margin-bottom:.4em}.prose h5,.prose h6{color:var(--text);font-size:1rem;margin-top:1.5em;margin-bottom:.3em}.prose img{border-radius:var(--radius-sm);margin:2em 0}.prose p img{margin:1.5em 0}.prose figure{margin:2em 0}.prose figcaption{font-size:.85rem;color:var(--text-muted);text-align:center;margin-top:8px}.prose blockquote{border-left:3px solid var(--accent);padding-left:1.5em;margin:2em 0;color:var(--text-muted);font-style:italic;font-size:1.05em}.prose ul,.prose ol{padding-left:1.5em}.prose li{margin-bottom:.5em}.prose code{font-size:.9em;background:var(--bg-soft);padding:3px 7px;border-radius:5px;border:1px solid var(--border)}.prose pre{background:#1e293b;color:#e2e8f0;padding:1.5em;border-radius:var(--radius-sm);overflow-x:auto;margin:2em 0}.prose pre code{background:none;padding:0;border:none;color:inherit}.prose a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{text-decoration-thickness:2px}.prose hr{border:none;border-top:1px solid var(--border);margin:3em 0}.prose strong{color:var(--text);font-weight:600}.page-content{max-width:var(--content-width);margin:0 auto;padding-top:32px;padding-bottom:40px}.site-footer{background:var(--bg-dark);color:#d7deeb;padding-top:40px}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 24px 40px;display:grid;grid-template-columns:1.1fr 1.4fr;gap:40px}.footer-brand{max-width:380px}.footer-logo{display:inline-flex;align-items:center;color:#fff;margin-bottom:16px}.footer-logo-image{height:40px;width:auto;display:block}.footer-logo:hover{color:#fff}.footer-brand p{font-size:.95rem;line-height:1.7;color:#d7deebc2}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.footer-column h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:16px}.footer-column a{display:block;font-size:.92rem;color:#d7deebc2;margin-bottom:10px;text-decoration:none}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}.footer-bottom-inner{max-width:var(--max-width);margin:0 auto;padding:14px 24px 24px}.copyright{font-size:.82rem;color:#d7deeb94}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.featured-panel{grid-template-columns:1fr;gap:28px}.footer-inner{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}}@media(max-width:768px){.hero{padding:56px 20px 48px}.blog-toolbar{top:76px;padding:14px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.featured-post{margin-bottom:56px}.post-grid{grid-template-columns:1fr;gap:40px}.article-header{padding-top:48px;padding-bottom:28px}.page-hero-wrap{padding:48px 20px 36px}.page-content{padding-top:24px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:24px 20px}.footer-column:last-child{grid-column:1 / -1}}@media(max-width:480px){.container,.header-inner{padding:0 16px}.footer-inner{padding:0 16px 40px}.footer-bottom-inner{padding:14px 16px 24px}}.beginners-section{margin-bottom:3rem}.beginners-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.beginner-link{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid var(--border, #e5e7eb);border-radius:12px;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.beginner-link:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.bl-step{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:50%;background:var(--accent, #e74c3c);color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.bl-text{display:flex;flex-direction:column;gap:.2rem}.bl-text strong{font-size:1.05rem}.bl-text span{font-size:.85rem;color:var(--text-muted, #666)}.newsletter[data-astro-cid-motrwrji]{background:var(--accent);padding:72px 0;margin-top:80px}.newsletter-inner[data-astro-cid-motrwrji]{display:block}.newsletter-card[data-astro-cid-motrwrji]{display:flex;align-items:center;justify-content:space-between;gap:48px}.newsletter-text[data-astro-cid-motrwrji]{flex:1;max-width:440px}.newsletter-text[data-astro-cid-motrwrji] h3[data-astro-cid-motrwrji]{font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px;line-height:1.15;color:#fff}.newsletter-text[data-astro-cid-motrwrji] p[data-astro-cid-motrwrji]{font-size:1rem;color:#ffffffb3;line-height:1.65;margin:0}.newsletter-form[data-astro-cid-motrwrji]{flex:1;max-width:480px}.newsletter-field[data-astro-cid-motrwrji]{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(0,0,0,.15);background:#00000014}.newsletter-field[data-astro-cid-motrwrji] input[data-astro-cid-motrwrji]{flex:1;padding:14px 18px;border:none;outline:none;font-family:var(--font-body);font-size:.92rem;color:#fff;background:transparent;min-width:0}.newsletter-field[data-astro-cid-motrwrji] input[data-astro-cid-motrwrji]::placeholder{color:#ffffff80}.newsletter-field[data-astro-cid-motrwrji] button[data-astro-cid-motrwrji]{padding:14px 28px;background:var(--bg-dark);color:#fff;border:none;font-family:var(--font-body);font-size:.9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background var(--transition)}.newsletter-field[data-astro-cid-motrwrji] button[data-astro-cid-motrwrji]:hover{background:#0a1020}.newsletter-consent[data-astro-cid-motrwrji]{display:flex;align-items:flex-start;gap:10px;font-size:.75rem;color:#ffffff80;margin-top:12px;margin-bottom:0;margin-left:10px;line-height:1.5}.newsletter-consent[data-astro-cid-motrwrji] input[data-astro-cid-motrwrji]{margin-top:2px;accent-color:#ffffff;flex-shrink:0}.cf-turnstile[data-astro-cid-motrwrji]{margin-top:12px}.newsletter-form[data-astro-cid-motrwrji].success .newsletter-field[data-astro-cid-motrwrji],.newsletter-form[data-astro-cid-motrwrji].success .newsletter-consent[data-astro-cid-motrwrji],.newsletter-form[data-astro-cid-motrwrji].success .cf-turnstile[data-astro-cid-motrwrji]{display:none}.newsletter-form[data-astro-cid-motrwrji] .newsletter-msg{font-size:.95rem;font-weight:600;color:#fff;padding:14px 0}@media(max-width:768px){.newsletter[data-astro-cid-motrwrji]{padding:48px 0;margin-top:48px}.newsletter-card[data-astro-cid-motrwrji]{flex-direction:column;align-items:stretch;gap:24px}.newsletter-text[data-astro-cid-motrwrji],.newsletter-form[data-astro-cid-motrwrji]{max-width:100%}.newsletter-text[data-astro-cid-motrwrji] h3[data-astro-cid-motrwrji]{font-size:1.5rem}}