@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600&family=Open+Sans:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-primary: #e50b4f;--color-primary-hover: #c80945;--color-secondary: #f9d400;--color-dark: #080c21;--color-light: #fafafa;--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-bg: #ffffff;--color-bg-alt: #f7f8fc;--color-bg-card: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--color-code-bg: #1e1e2e;--color-code-text: #cdd6f4;--color-inline-code-bg: #f1f3f9;--color-inline-code-text: #c7254e;--font-heading: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--font-secondary: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--gap-xs: .25rem;--gap-sm: .5rem;--gap-md: 1rem;--gap-lg: 1.5rem;--gap-xl: 2rem;--gap-2xl: 3rem;--gap-3xl: 4rem;--gap-4xl: 6rem;--max-width: 1280px;--content-width: 720px;--sidebar-width: 300px;--nav-height: 72px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(8, 12, 33, .06), 0 1px 2px rgba(8, 12, 33, .04);--shadow-md: 0 4px 6px rgba(8, 12, 33, .07), 0 2px 4px rgba(8, 12, 33, .05);--shadow-lg: 0 10px 15px rgba(8, 12, 33, .08), 0 4px 6px rgba(8, 12, 33, .05);--shadow-xl: 0 20px 25px rgba(8, 12, 33, .1), 0 10px 10px rgba(8, 12, 33, .04);--transition-fast: .15s ease-in-out;--transition-base: .4s ease-in-out;--transition-slow: .6s ease-in-out}@media(prefers-color-scheme:dark){:root{--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-bg: #0f1123;--color-bg-alt: #161929;--color-bg-card: #1a1f36;--color-border: #2d3353;--color-border-light: #1e2440;--color-inline-code-bg: #1e2440;--color-inline-code-text: #f9d400}}[data-theme=dark]{--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-text-light: #64748b;--color-bg: #0f1123;--color-bg-alt: #161929;--color-bg-card: #1a1f36;--color-border: #2d3353;--color-border-light: #1e2440;--color-inline-code-bg: #1e2440;--color-inline-code-text: #f9d400}[data-theme=light]{--color-text: #1a1a2e;--color-text-muted: #6b7280;--color-text-light: #9ca3af;--color-bg: #ffffff;--color-bg-alt: #f7f8fc;--color-bg-card: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-inline-code-bg: #f1f3f9;--color-inline-code-text: #c7254e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-text);letter-spacing:-.02em}h1{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl))}h2{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl))}h3{font-size:clamp(var(--text-xl),2.5vw,var(--text-3xl))}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--gap-lg);color:var(--color-text)}strong,b{font-weight:600}em,i{font-style:italic}ul,ol{padding-left:var(--gap-xl);margin-bottom:var(--gap-lg)}li{margin-bottom:var(--gap-sm)}li>ul,li>ol{margin-top:var(--gap-sm);margin-bottom:0}blockquote{border-left:4px solid var(--color-primary);margin:var(--gap-xl) 0;padding:var(--gap-md) var(--gap-xl);background-color:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-secondary);font-size:var(--text-lg);font-style:italic;color:var(--color-text-muted)}blockquote p{margin-bottom:0}code:not([class]){font-family:var(--font-mono);font-size:.875em;background-color:var(--color-inline-code-bg);color:var(--color-inline-code-text);padding:.15em .4em;border-radius:var(--radius-sm);white-space:nowrap}pre{margin:var(--gap-xl) 0;border-radius:var(--radius-lg);overflow:hidden;font-size:var(--text-sm);line-height:1.6}pre code{font-family:var(--font-mono);background:none;color:inherit;padding:0;white-space:pre}.astro-code{padding:var(--gap-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}hr{border:none;border-top:1px solid var(--color-border);margin:var(--gap-2xl) 0}table{width:100%;border-collapse:collapse;margin:var(--gap-xl) 0;font-size:var(--text-sm)}th{background-color:var(--color-bg-alt);font-weight:600;text-align:left;padding:var(--gap-sm) var(--gap-md);border-bottom:2px solid var(--color-border)}td{padding:var(--gap-sm) var(--gap-md);border-bottom:1px solid var(--color-border-light)}tr:hover td{background-color:var(--color-bg-alt)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--gap-xl)}@media(max-width:768px){.container{padding:0 var(--gap-md)}}.posts-grid-with-sidebar{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--gap-3xl);align-items:start}@media(max-width:1024px){.posts-grid-with-sidebar{grid-template-columns:1fr}}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap-xl)}@media(max-width:640px){.posts-grid{grid-template-columns:1fr}}.post-featured{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2xl);align-items:center;margin-bottom:var(--gap-3xl);padding-bottom:var(--gap-3xl);border-bottom:1px solid var(--color-border)}@media(max-width:768px){.post-featured{grid-template-columns:1fr}}.post-card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border)}.post-card__image{aspect-ratio:16 / 9;overflow:hidden}.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.post-card:hover .post-card__image img{transform:scale(1.04)}.post-card__image--placeholder{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--color-bg-alt),var(--color-border));display:flex;align-items:center;justify-content:center}.post-card__body{padding:var(--gap-lg)}.post-card__tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin-bottom:var(--gap-sm)}.post-card__title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--gap-sm);line-height:1.3}.post-card__title a{color:var(--color-text);transition:color var(--transition-fast)}.post-card__title a:hover{color:var(--color-primary)}.post-card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--gap-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-xs);color:var(--color-text-light)}.tag{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2em .6em;border-radius:var(--radius-full);background-color:var(--color-bg-alt);color:var(--color-text-muted);border:1px solid var(--color-border);transition:background-color var(--transition-fast),color var(--transition-fast)}.tag:hover,.tag--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);height:var(--nav-height);display:flex;align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color var(--transition-base)}.nav__inner{display:flex;align-items:center;justify-content:space-between;width:100%}.nav__logo{font-family:var(--font-heading);font-weight:800;font-size:var(--text-xl);color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.nav__logo span{color:var(--color-primary)}.nav__links{display:flex;align-items:center;gap:var(--gap-xl);list-style:none;padding:0;margin:0}.nav__links a{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.nav__links a:hover,.nav__links a.active{color:var(--color-primary)}.nav__actions{display:flex;align-items:center;gap:var(--gap-md)}.nav__toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--gap-xs);color:var(--color-text)}@media(max-width:768px){.nav__links{display:none;position:absolute;top:var(--nav-height);left:0;right:0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--gap-lg);gap:var(--gap-lg);align-items:flex-start}.nav__links.is-open,.nav__toggle{display:flex}}.footer{background-color:var(--color-dark);color:#fafafab3;padding:var(--gap-3xl) 0 var(--gap-xl);margin-top:var(--gap-4xl)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--gap-2xl);margin-bottom:var(--gap-2xl)}@media(max-width:768px){.footer__grid{grid-template-columns:1fr}}.footer__logo{font-family:var(--font-heading);font-weight:800;font-size:var(--text-2xl);color:#fff;margin-bottom:var(--gap-md);display:block;letter-spacing:-.02em}.footer__logo span{color:var(--color-primary)}.footer__description{font-size:var(--text-sm);line-height:1.7;color:#fafafa99;margin-bottom:0}.footer__heading{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;margin-bottom:var(--gap-md)}.footer__links{list-style:none;padding:0;margin:0}.footer__links li{margin-bottom:var(--gap-sm)}.footer__links a{font-size:var(--text-sm);color:#fafafa99;text-decoration:none;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-primary)}.footer__bottom{border-top:1px solid rgba(250,250,250,.1);padding-top:var(--gap-xl);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:#fafafa66}@media(max-width:640px){.footer__bottom{flex-direction:column;gap:var(--gap-sm);text-align:center}}.sidebar{position:sticky;top:calc(var(--nav-height) + var(--gap-xl));display:flex;flex-direction:column;gap:var(--gap-xl)}.sidebar__widget{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--gap-lg)}.sidebar__widget-title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:var(--gap-md);padding-bottom:var(--gap-sm);border-bottom:1px solid var(--color-border)}.sidebar__bio{text-align:center}.sidebar__avatar{width:72px;height:72px;border-radius:var(--radius-full);overflow:hidden;margin:0 auto var(--gap-md);border:3px solid var(--color-primary)}.sidebar__avatar img{width:100%;height:100%;object-fit:cover}.sidebar__name{font-weight:700;font-size:var(--text-base);margin-bottom:var(--gap-xs)}.sidebar__role{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--gap-md)}.sidebar__newsletter-form{display:flex;flex-direction:column;gap:var(--gap-sm)}.sidebar__newsletter-input{width:100%;padding:var(--gap-sm) var(--gap-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-alt);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.sidebar__newsletter-input:focus{outline:none;border-color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;padding:.6em 1.4em;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}.btn--secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-primary);color:#fff}.btn--dark{background-color:var(--color-dark);color:#fff;border-color:var(--color-dark)}.btn--sm{font-size:var(--text-xs);padding:.4em .9em}.btn--full{width:100%}.article-header{margin-bottom:var(--gap-2xl)}.article-header__tags{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin-bottom:var(--gap-md)}.article-header__title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--gap-lg)}.article-header__excerpt{font-size:var(--text-xl);color:var(--color-text-muted);font-family:var(--font-secondary);line-height:1.6;margin-bottom:var(--gap-lg)}.article-header__meta{display:flex;align-items:center;gap:var(--gap-md);font-size:var(--text-sm);color:var(--color-text-muted);padding-bottom:var(--gap-lg);border-bottom:1px solid var(--color-border)}.article-header__featured-image{margin-top:var(--gap-xl);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 7}.article-header__featured-image img{width:100%;height:100%;object-fit:cover}.article-content{font-family:var(--font-secondary);font-size:var(--text-lg);line-height:1.8;color:var(--color-text)}.article-content h2{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));margin-top:var(--gap-3xl);margin-bottom:var(--gap-lg)}.article-content h3{font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl));margin-top:var(--gap-2xl);margin-bottom:var(--gap-md)}.article-content h4,.article-content h5,.article-content h6{margin-top:var(--gap-xl);margin-bottom:var(--gap-sm)}.article-content p{margin-bottom:var(--gap-lg)}.article-content img{border-radius:var(--radius-md);margin:var(--gap-xl) auto}.article-content a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-content a:hover{text-decoration-thickness:2px}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg);margin-top:var(--gap-3xl);padding-top:var(--gap-xl);border-top:1px solid var(--color-border)}@media(max-width:640px){.article-nav{grid-template-columns:1fr}}.article-nav__item{padding:var(--gap-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.article-nav__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.article-nav__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:var(--gap-xs)}.article-nav__title{font-size:var(--text-base);font-weight:600;color:var(--color-text)}.article-nav__item--next{text-align:right}.toc{background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--gap-lg);margin:var(--gap-xl) 0}.toc__title{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--gap-md)}.toc__list{list-style:none;padding:0;margin:0}.toc__list li{margin-bottom:var(--gap-xs)}.toc__list a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.toc__list a:hover{color:var(--color-primary)}.toc__list--level-2{padding-left:var(--gap-md);margin-top:var(--gap-xs)}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-bg-alt)}.search-bar{position:relative;display:flex;align-items:center}.search-bar__input{width:200px;padding:.4em 2.2em .4em .8em;border:1px solid var(--color-border);border-radius:var(--radius-full);background-color:var(--color-bg-alt);color:var(--color-text);font-size:var(--text-sm);font-family:var(--font-body);transition:width var(--transition-base),border-color var(--transition-fast)}.search-bar__input:focus{outline:none;border-color:var(--color-primary);width:280px}.search-bar__icon{position:absolute;right:.7em;color:var(--color-text-light);pointer-events:none}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--gap-sm);margin-top:var(--gap-3xl)}.pagination__item{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;border:1px solid var(--color-border);color:var(--color-text-muted);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.pagination__item:hover,.pagination__item--active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hero{padding:var(--gap-4xl) 0 var(--gap-3xl);text-align:center}.hero__eyebrow{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--gap-md)}.hero__title{font-size:clamp(var(--text-4xl),6vw,var(--text-6xl));font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--gap-lg)}.hero__description{font-size:var(--text-xl);color:var(--color-text-muted);max-width:600px;margin:0 auto var(--gap-xl);line-height:1.6}.about-header{display:grid;grid-template-columns:auto 1fr;gap:var(--gap-2xl);align-items:center;margin-bottom:var(--gap-3xl);padding-bottom:var(--gap-2xl);border-bottom:1px solid var(--color-border)}@media(max-width:640px){.about-header{grid-template-columns:1fr;text-align:center}}.about-header__avatar{width:120px;height:120px;border-radius:var(--radius-full);overflow:hidden;border:4px solid var(--color-primary);flex-shrink:0}.about-header__avatar img{width:100%;height:100%;object-fit:cover}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.font-bold{font-weight:700}.font-heading{font-family:var(--font-heading)}.mt-sm{margin-top:var(--gap-sm)}.mt-md{margin-top:var(--gap-md)}.mt-lg{margin-top:var(--gap-lg)}.mt-xl{margin-top:var(--gap-xl)}.mt-2xl{margin-top:var(--gap-2xl)}.mb-sm{margin-bottom:var(--gap-sm)}.mb-md{margin-bottom:var(--gap-md)}.mb-lg{margin-bottom:var(--gap-lg)}.mb-xl{margin-bottom:var(--gap-xl)}.mb-2xl{margin-bottom:var(--gap-2xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .4s ease-in-out forwards}.animate-fade-in{animation:fadeIn .4s ease-in-out forwards}::selection{background-color:var(--color-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}