:root{--color-primary-50:#fef2f2;--color-primary-100:#fee2e2;--color-primary-200:#fecaca;--color-primary-300:#fca5a5;--color-primary-400:#f87171;--color-primary-500:#ef4444;--color-primary-600:#dc2626;--color-primary-700:#b91c1c;--color-primary-800:#991b1b;--color-primary-900:#7f1d1d;--color-secondary-50:#fffbeb;--color-secondary-100:#fef3c7;--color-secondary-200:#fde68a;--color-secondary-300:#fcd34d;--color-secondary-400:#fbbf24;--color-secondary-500:#f59e0b;--color-secondary-600:#d97706;--color-secondary-700:#b45309;--color-secondary-800:#92400e;--color-secondary-900:#78350f;--color-dark-50:#f9fafb;--color-dark-100:#f3f4f6;--color-dark-200:#e5e7eb;--color-dark-300:#d1d5db;--color-dark-400:#9ca3af;--color-dark-500:#6b7280;--color-dark-600:#4b5563;--color-dark-700:#374151;--color-dark-800:#1f2937;--color-dark-900:#000;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-danger-800:#991b1b;--color-success-500-25:#10b98140;--color-success-500-40:#10b98166;--color-danger-600-25:#dc262640;--color-danger-600-40:#dc262666;--color-white:#fff;--color-black:#000;--color-transparent:transparent;--color-primary-500-02:#ef444405;--color-primary-500-03:#ef444408;--color-primary-500-04:#ef44440a;--color-primary-500-05:#ef44440d;--color-primary-500-08:#ef444414;--color-primary-500-10:#ef44441a;--color-primary-500-12:#ef44441f;--color-primary-500-15:#ef444426;--color-primary-500-20:#ef444433;--color-primary-500-25:#ef444440;--color-primary-500-30:#ef44444d;--color-primary-500-40:#ef444466;--color-primary-500-50:#ef444480;--color-primary-500-80:#ef4444cc;--color-secondary-400-02:#fbbf2405;--color-secondary-400-03:#fbbf2408;--color-secondary-400-08:#fbbf2414;--color-secondary-400-10:#fbbf241a;--color-secondary-400-12:#fbbf241f;--color-secondary-400-15:#fbbf2426;--color-secondary-400-20:#fbbf2433;--color-secondary-400-25:#fbbf2440;--color-secondary-400-30:#fbbf244d;--color-secondary-400-40:#fbbf2466;--color-secondary-400-50:#fbbf2480;--color-white-02:#ffffff05;--color-white-05:#ffffff0d;--color-white-08:#ffffff14;--color-white-10:#ffffff1a;--color-white-15:#ffffff26;--color-white-20:#fff3;--color-white-25:#ffffff40;--color-white-30:#ffffff4d;--color-white-40:#fff6;--color-white-50:#ffffff80;--color-white-60:#fff9;--color-white-80:#fffc;--color-white-95:#fffffff2;--color-white-98:#fffffffa;--color-black-02:#00000005;--color-black-05:#0000000d;--color-black-06:#0000000f;--color-black-08:#00000014;--color-black-10:#0000001a;--color-black-15:#00000026;--color-black-20:#0003;--color-black-25:#00000040;--color-black-30:#0000004d;--color-black-40:#0006;--color-dark-800-95:#1f2937f2;--color-dark-800-80:#1f2937cc;--color-dark-800-20:#1f293733;--color-dark-900-98:#111827fa;--color-dark-900-10:#1118271a}.blog-card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #0000000d}.blog-card-glass:hover{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe6;transform:translateY(-8px)scale(1.02);box-shadow:0 24px 64px #00000026,inset 0 1px #fff9,inset 0 -1px #0000000d}.dark .blog-card-glass{background:#1f2937cc;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a,inset 0 -1px #0003}.dark .blog-card-glass:hover{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#1f2937e6;box-shadow:0 24px 64px #0006,inset 0 1px #ffffff26,inset 0 -1px #0003}.blog-card-featured{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffffe6 0%,#ffffffd9 50%,#ffffffe6 100%);border:1px solid;border-image:linear-gradient(135deg,#ef44444d 0%,#fbbf244d 50%,#ef44444d 100%) 1;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 4px 16px #ef44441a,inset 0 1px #fff9}.blog-card-featured:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);width:100%;height:100%;transition:left .8s;position:absolute;top:0;left:-100%}.blog-card-featured:hover{transform:translateY(-12px)scale(1.03);box-shadow:0 32px 80px #0000002e,0 8px 32px #ef444426,inset 0 1px #ffffffb3}.blog-card-featured:hover:before{left:100%}.dark .blog-card-featured{background:linear-gradient(135deg,#111827f2 0%,#1f2937e6 50%,#111827f2 100%);border-image:linear-gradient(135deg,#ef444466 0%,#fbbf2466 50%,#ef444466 100%) 1;box-shadow:0 12px 40px #0006,0 4px 16px #ef444433,inset 0 1px #ffffff26}.dark .blog-card-featured:before{background:linear-gradient(90deg,#0000 0%,#ffffff1a 50%,#0000 100%)}.dark .blog-card-featured:hover{box-shadow:0 32px 80px #0009,0 8px 32px #ef444440,inset 0 1px #fff3}.blog-content-glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #ffffff40;box-shadow:0 16px 48px #00000014,inset 0 1px #ffffff80}.dark .blog-content-glass{background:#1f2937d9;border:1px solid #ffffff14;box-shadow:0 16px 48px #00000040,inset 0 1px #ffffff14}.blog-filter-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;box-shadow:0 12px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px #fff9}.dark .blog-filter-glass{background:#1f2937e6;border:1px solid #ffffff1a;box-shadow:0 12px 32px #0000004d,0 2px 8px #00000026,inset 0 1px #ffffff1a}.blog-category-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-primary-700);background:#ef44441a;border:1px solid #ef444433;transition:all .3s;box-shadow:0 2px 8px #ef444426}.blog-category-badge:hover{background:#ef444426;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.dark .blog-category-badge{color:var(--color-primary-300);background:#ef444426;border:1px solid #ef44444d;box-shadow:0 2px 8px #ef444433}.dark .blog-category-badge:hover{background:#ef444433;box-shadow:0 4px 12px #ef44444d}.blog-tag-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-secondary-700);background:#fbbf241a;border:1px solid #fbbf2433;transition:all .3s;box-shadow:0 2px 6px #fbbf241a}.blog-tag-badge:hover{background:#fbbf2426;transform:translateY(-1px);box-shadow:0 4px 10px #fbbf2426}.dark .blog-tag-badge{color:var(--color-secondary-300);background:#fbbf241f;border:1px solid #fbbf2440;box-shadow:0 2px 6px #fbbf2426}.dark .blog-tag-badge:hover{background:#fbbf242e;box-shadow:0 4px 10px #fbbf2433}.blog-share-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ef44440d 0%,#fbbf240d 100%);border:1px solid #fff3;box-shadow:0 8px 24px #00000014,inset 0 1px #fff6}.dark .blog-share-glass{background:linear-gradient(135deg,#ef44441a 0%,#fbbf241a 100%);border:1px solid #ffffff1a;box-shadow:0 8px 24px #0003,inset 0 1px #ffffff14}.blog-scroll-indicator{background:linear-gradient(90deg,var(--color-primary-500)0%,var(--color-secondary-400)100%);transform-origin:0;z-index:50;opacity:0;width:100%;height:4px;transition:opacity .3s;position:fixed;top:0;left:0}.blog-scroll-indicator.visible{opacity:1}.blog-image-overlay{position:relative;overflow:hidden}.blog-image-overlay:after{content:"";opacity:0;background:linear-gradient(#0000 0% 60%,#0000004d 100%);transition:opacity .4s;position:absolute;inset:0}.blog-image-overlay:hover:after{opacity:1}.dark .blog-image-overlay:after{background:linear-gradient(#0000 0% 50%,#00000080 100%)}@keyframes reading-progress{0%{width:0%}to{width:var(--progress,0%)}}.reading-progress-bar{animation:.3s ease-out forwards reading-progress}@keyframes blog-card-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card-animate{opacity:0;animation:.6s ease-out forwards blog-card-reveal}.blog-card-animate:first-child{animation-delay:.1s}.blog-card-animate:nth-child(2){animation-delay:.2s}.blog-card-animate:nth-child(3){animation-delay:.3s}.blog-card-animate:nth-child(4){animation-delay:.4s}.blog-card-animate:nth-child(5){animation-delay:.5s}.blog-card-animate:nth-child(6){animation-delay:.6s}.blog-prose h2{margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.blog-prose h2:after{content:"";background:linear-gradient(90deg,var(--color-primary-500)0%,var(--color-secondary-400)100%);border-radius:2px;width:3rem;height:3px;position:absolute;bottom:0;left:0}.blog-prose h3{color:var(--color-primary-600)}.dark .blog-prose h3{color:var(--color-primary-400)}.blog-prose blockquote{border-left:4px solid var(--color-primary-500);background:#ef444408;border-radius:0 .75rem .75rem 0;padding:1.5rem 2rem;font-style:italic;position:relative}.dark .blog-prose blockquote{background:#ef444414}.blog-prose blockquote:before{content:"\"";color:var(--color-primary-500);opacity:.3;font-family:Georgia,serif;font-size:4rem;position:absolute;top:-.5rem;left:1rem}.blog-prose code{background:#fbbf241a;border:1px solid #fbbf2433;border-radius:.375rem;padding:.25rem .5rem;font-size:.875em}.dark .blog-prose code{background:#fbbf2426;border-color:#fbbf244d}.blog-prose pre{border:1px solid #ffffff1a;box-shadow:0 4px 16px #0003;background:var(--color-dark-800)!important}.blog-prose pre code{background:0 0;border:none;padding:0}.dark .blog-prose pre{border-color:#ffffff0d;background:var(--color-dark-900)!important}@media (max-width:768px){.blog-card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.blog-card-glass:hover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translateY(-4px)scale(1.01)}.blog-card-featured{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.blog-card-featured:hover{transform:translateY(-6px)scale(1.02)}}@media (prefers-reduced-motion:reduce){.blog-card-glass,.blog-card-featured,.blog-category-badge,.blog-tag-badge{transition:none}.blog-card-glass:hover,.blog-card-featured:hover,.blog-category-badge:hover,.blog-tag-badge:hover{transform:none}.blog-card-animate{opacity:1;animation:none}}@font-face{font-family:Walbaum60pt;src:url(/font/Walbaum60pt/Walbaum60pt.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html,body{scroll-behavior:smooth;max-width:100vw;font-family:Inter,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}.container{max-width:80rem;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 2rem}}