@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--content-width: 1200px;--background-light: #ffffff;--background-secondary: #f9f9f9;--card-background: #fff;--surface-glass: rgba(255, 255, 255, .7);--surface-glass-strong: rgba(255, 255, 255, .5);--text-primary: #333333;--text-secondary: #666666;--text-muted: #808080;--accent-color: #4a90e2;--purple-accent: #9501ff;--blue-accent: #2450c1;--button-hover: #4a90e2;--border-color: #dcdcdc;--purple-to-blue-gradient: linear-gradient( 90deg, var(--purple-accent) 0%, var(--blue-accent) 100% );--font-size-h1: 4rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-body: 1rem;--font-size-caption: .875rem;--font-size-title: 1.25rem;--font-size-subtitle: 1.125rem;--font-size-nav: 1.5rem;--line-height: 1.5}:root[data-theme=dark]{--background-light: #120b21;--background-secondary: #1b1231;--card-background: #a196f2b3;--surface-glass: rgba(42, 24, 71, .72);--surface-glass-strong: rgba(35, 20, 58, .8);--text-primary: #efe9ff;--text-secondary: #c8bedf;--text-muted: #a89fbf;--accent-color: #b688ff;--button-hover: #cfacff;--border-color: #4f3d72}html{font-family:Roboto Mono,system-ui,sans-serif;background-color:var(--background-light);scroll-behavior:smooth}body{margin:0;overflow-x:hidden}main>*{max-width:var(--content-width);margin:auto;scroll-margin-top:80px}@media (max-width: 1280px){main>*{max-width:100%;padding-left:40px;padding-right:40px}}h1{font-size:var(--font-size-h1);line-height:var(--line-height);color:var(--purple-accent)}h2{font-size:var(--font-size-h2);line-height:var(--line-height)}h3{font-size:var(--font-size-h3);line-height:var(--line-height)}h4{font-size:var(--font-size-h4);line-height:var(--line-height)}p{font-size:var(--font-size-body);line-height:var(--line-height)}.title{font-size:var(--font-size-title)}.subtitle{font-size:var(--font-size-subtitle)}nav a{font-size:var(--font-size-nav)}.blog-main{padding-bottom:4rem}.blog-header{border-bottom:1px solid var(--border-color);margin-bottom:2rem}.blog-header__inner{max-width:var(--content-width);margin:0 auto;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.blog-header a{color:var(--accent-color);text-decoration:none;font-weight:600}.blog-header__left a{margin-right:40px;font-size:24px}.blog-header__left,.blog-header__right{display:flex;align-items:center;gap:1rem;font-size:24px;color:var(--accent-color)}.blog-header__home-link:hover,.blog-header__all-link:hover{color:var(--accent-color)}.blog-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.blog-list-head h1{margin:0;color:var(--text-primary)}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.blog-card{border:1px solid var(--border-color);border-radius:1rem;background:var(--background-secondary);overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.blog-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 30px #0000000d}.blog-card__link{display:block;padding:1.5rem;color:inherit;text-decoration:none}.blog-card__featured-label{margin:0 0 .75rem;color:var(--text-muted);font-size:.875rem}.blog-card__tag{display:inline-flex;padding:.2rem .7rem;border-radius:999px;background:var(--blue-accent);color:#fff;font-size:.8rem;margin-bottom:.75rem}.blog-card__title{margin:0 0 .75rem;color:var(--text-primary);font-size:2rem}.blog-card__description{margin:0 0 1rem;color:var(--text-secondary)}.blog-card--featured{grid-column:span 2}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.875rem}.blog-meta__dot{opacity:.6}.blog-post{max-width:800px;margin:0 auto}.blog-post__title{margin:0 0 1rem;color:var(--text-primary);font-size:clamp(2rem,5vw,3rem)}.blog-post__content{margin-top:2rem;color:var(--text-primary)}.blog-post__content p{color:var(--text-secondary);font-size:1.125rem}.blog-post__content h3{color:var(--text-primary)}.home-blog{padding-bottom:200px}.home-blog__intro{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.home-blog__intro p{margin:0;color:var(--text-secondary)}.home-blog__title{margin:0;color:var(--text-primary);font-size:clamp(2rem,4vw,2.75rem)}.home-blog__all-link{text-decoration:none;border:1px solid var(--border-color);padding:.6rem 1rem;border-radius:.8rem;color:var(--text-primary)}.home-blog__all-link:hover{background:var(--surface-glass)}@media (max-width: 1280px){.blog-header__inner{max-width:100%;padding-left:40px;padding-right:40px}}@media (max-width: 900px){.blog-grid{grid-template-columns:1fr}.blog-card--featured{grid-column:span 1}.blog-card__title{font-size:1.6rem}}@media (max-width: 700px){.blog-header__inner,.home-blog__intro{flex-direction:column;align-items:flex-start}}