html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;background:var(--background-color);color:var(--text-color);margin:0;padding-top:0}h1,h2,h3,h4,h5,h6{color:var(--heading-text-color);margin-top:0.5em;margin-bottom:0.5em;padding:0}ul,ol{padding-left:1.25rem}li{margin-bottom:0.5em}a{color:var(--link-color);text-decoration:none}a:hover{font-weight:600;text-decoration:none}table{border-collapse:separate;border:solid var(--table-border-color) 1px;border-radius:10px;width:auto;margin:0 auto}table th,table td{border-left:solid var(--th-border-color) 1px;border-top:solid var(--td-border-color) 1px;padding:0.5rem;text-align:center}table th{border-top:none}table td:first-child,table th:first-child{border-left:none}blockquote{padding-left:1rem;margin-left:0;border-left:5px solid var(--primary-light-color);display:block;position:relative;overflow:hidden}.default-content-wrapper{width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;flex:1;padding:1rem 2rem;max-width:1170px;flex:1;margin-bottom:2rem;overflow:hidden}.default-content-wrapper img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}@media (min-width: 768px){.default-content-wrapper{margin-bottom:8rem}}.default-page-header{position:relative;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;width:100%}.default-page-header .default-header-content{width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;padding:0rem 2rem;max-width:1170px;padding-top:0.2rem;padding-bottom:0.2rem}.divider{height:0.8px;background-color:var(--divider-color);flex-grow:1}@font-face{font-family:'Geist Mono';src:url("/assets/fonts/GeistMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal}body{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.05rem;line-height:1.6}@media (min-width: 768px){body{font-size:1.075rem}}@media (min-width: 992px){body{font-size:1.1rem}}@media (min-width: 1200px){body{font-size:1.125rem}}h1{font-family:"Nunito",sans-serif;font-weight:700;font-size:1.7rem}@media (min-width: 768px){h1{font-size:1.9rem}}@media (min-width: 992px){h1{font-size:2.05rem}}@media (min-width: 1200px){h1{font-size:2.2rem}}h2{font-family:"Nunito",sans-serif;font-weight:700;font-size:1.55rem}@media (min-width: 768px){h2{font-size:1.7rem}}@media (min-width: 992px){h2{font-size:1.85rem}}h3{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.35rem;font-weight:bold}@media (min-width: 768px){h3{font-size:1.45rem}}@media (min-width: 992px){h3{font-size:1.55rem}}h4{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.2rem;font-weight:bold}@media (min-width: 768px){h4{font-size:1.4rem}}h5{font-family:"Nunito",sans-serif;font-weight:400;font-size:1rem;font-weight:600}@media (min-width: 768px){h5{font-size:1.25rem}}h6{font-family:"Nunito",sans-serif;font-weight:400;font-size:0.875rem}@media (min-width: 768px){h6{font-size:1rem}}p,blockquote,a,li{font-family:"Nunito",sans-serif;font-weight:400}blockquote{font-size:1em;font-style:italic}.highlight{border-radius:10px;padding-left:0.6em;padding-right:0.6em;overflow-x:auto;overflow-y:auto;max-height:22rem}@media (min-width: 768px){.highlight{max-height:26rem}}.highlight code{font-family:"Geist Mono",monospace;font-size:0.85rem}@media (min-width: 768px){.highlight code{font-size:0.9rem}}@media (min-width: 992px){.highlight code{font-size:0.95rem}}@media (min-width: 1200px){.highlight code{font-size:1rem}}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight,.highlight .w{color:#d0d0d0;background-color:var(--syntax-highlighter-background)}.highlight .err{color:var(--syntax-highlighter-background);background-color:#ac4142}.highlight .c,.highlight .ch,.highlight .cd,.highlight .cm,.highlight .cpf,.highlight .c1,.highlight .cs{color:#505050}.highlight .cp{color:#f4bf75}.highlight .nt{color:#f4bf75}.highlight .o,.highlight .ow{color:#d0d0d0}.highlight .p,.highlight .pi{color:#d0d0d0}.highlight .gi{color:#90a959}.highlight .gd{color:#ac4142}.highlight .gh{color:#6a9fb5;background-color:#151515;font-weight:bold}.highlight .k,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kv{color:#6d6bc5}.highlight .kc{color:#d28445}.highlight .kt{color:#d28445}.highlight .kd{color:#d28445}.highlight .s,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .sh,.highlight .sx,.highlight .s1{color:#90a959}.highlight .sa{color:#aa759f}.highlight .sr{color:#75b5aa}.highlight .si{color:#8f5536}.highlight .se{color:#8f5536}.highlight .nn{color:#f4bf75}.highlight .nc{color:#f4bf75}.highlight .no{color:#f4bf75}.highlight .na{color:#6a9fb5}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mx{color:#90a959}.highlight .ss{color:#90a959}:root{--background-color: #ffffff;--text-color: #202124;--text-secondary-color: #71727a;--heading-text-color: #202124;--primary-color: #6366F1;--primary-light-color: #9294f5;--primary-subtle-color: rgba(99,102,241,0.25);--link-color: var(--primary-color);--icon-color: var(--text-color);--icon-hover-color: var(--primary-color);--syntax-highlighter-background: #f2f2f2;--divider-color: #e0e0e0;--button-background-color: var(--primary-color);--button-hover-background-color: #e0e7ff;--button-text-color: #ffffff;--button-hover-text-color: #312e81;--section-header-color: #202124;--error-code-color: #71727a;--post-card-background-color: #ffffff;--post-card-box-shadow-color: 0 2px 16px rgba(0, 0, 0, 0.1);--post-card-hover-background-color: #fafafa;--post-card-hover-box-shadow-color: 0 8px 24px rgba(0, 0, 0, 0.12);--post-meta-color: #71727a;--tag-background-color: var(--primary-color);--tag-post-background-color: var(--primary-color);--tag-border-color: transparent;--tag-text-color: #ffffff;--table-border-color: #e0e0e0;--th-border-color: #e0e0e0;--td-border-color: #e0e0e0;--navbar-background-color: transparent;--navbar-link-item-color: #71727a;--navbar-link-item-current-color: #202124;--navbar-link-item-hover-color: #f5f5f5;--navbar-links-background-color: transparent;--navbar-shadow-color: rgba(0, 0, 0, 0.1);--navbar-item-background-color: rgba(255, 255, 255, 0.6);--navbar-item-box-shadow-color: 0 2px 20px rgba(0, 0, 0, 0.1);--navbar-icon-color: #202124;--contact-section-background: #f9fafb;--contact-section-text-color: #202124;--pagination-background: #ffffff;--pagination-text-color: var(--text-color);--pagination-border-color: #e0e0e0;--pagination-hover-background: #f5f5f5;--pagination-hover-text-color: var(--text-color);--pagination-current-background: var(--primary-color);--pagination-current-text-color: #ffffff;--dynamic-background-color: #f2f2f2;--dynamic-background-color-primary: #202124;--dynamic-background-color-secondary: #71727a;--hero-image-background-color: #f7f7f7;--section-alt-background: #f9fafb;--text-primary-color: #202124;--text-accent-color: var(--primary-color);--card-border-color: #e5e7eb;--social-icon-background: #ffffff}:root[dark]{--background-color: #0d0d0f;--text-color: #e3e2e6;--text-secondary-color: #bfbfca;--heading-text-color: #e3e2e6;--primary-color: #6366F1;--primary-light-color: #9294f5;--primary-subtle-color: rgba(99,102,241,0.25);--link-color: var(--primary-color);--icon-color: var(--text-color);--icon-hover-color: var(--primary-color);--syntax-highlighter-background: #121218;--divider-color: #2e2e38;--button-background-color: var(--primary-color);--button-hover-background-color: #1e1e24;--button-text-color: #ffffff;--button-hover-text-color: var(--text-color);--section-header-color: #e3e2e6;--error-code-color: #bfbfca;--post-card-background-color: #16161a;--post-card-box-shadow-color: 0 2px 20px rgba(0, 0, 0, 0.3);--post-card-hover-background-color: #101014;--post-card-hover-box-shadow-color: 0 8px 28px rgba(0, 0, 0, 0.4);--post-meta-color: var(--text-secondary-color);--tag-background-color: var(--primary-color);--tag-post-background-color: var(--primary-color);--tag-border-color: transparent;--tag-text-color: #ffffff;--table-border-color: #2e2e38;--th-border-color: #2e2e38;--td-border-color: #2e2e38;--navbar-background-color: transparent;--navbar-link-item-color: #bfbfca;--navbar-link-item-current-color: #e3e2e6;--navbar-link-item-hover-color: #1e1e24;--navbar-links-background-color: transparent;--navbar-shadow-color: rgba(0, 0, 0, 0.5);--navbar-item-background-color: #16161ab3;--navbar-item-box-shadow-color: 0 1px 3px rgba(2, 2, 2, 0.4);--navbar-icon-color: #e3e2e6;--contact-section-background: #16161a;--contact-section-text-color: #e3e2e6;--pagination-background: var(--background-color);--pagination-text-color: var(--text-color);--pagination-border-color: #2e2e38;--pagination-hover-background: #1e1e24;--pagination-hover-text-color: var(--text-color);--pagination-current-background: var(--primary-color);--pagination-current-text-color: #ffffff;--dynamic-background-color: #101014;--dynamic-background-color-primary: #e3e2e6;--dynamic-background-color-secondary: #bfbfca;--hero-image-background-color: #18181e;--section-alt-background: #16161a;--text-primary-color: #e3e2e6;--text-accent-color: var(--primary-color);--card-border-color: #2e2e38;--social-icon-background: #1e1e24}@font-face{font-family:'Geist Mono';src:url("/assets/fonts/GeistMono-Regular.woff2") format("woff2");font-weight:400;font-style:normal}body{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.05rem;line-height:1.6}@media (min-width: 768px){body{font-size:1.075rem}}@media (min-width: 992px){body{font-size:1.1rem}}@media (min-width: 1200px){body{font-size:1.125rem}}h1{font-family:"Nunito",sans-serif;font-weight:700;font-size:1.7rem}@media (min-width: 768px){h1{font-size:1.9rem}}@media (min-width: 992px){h1{font-size:2.05rem}}@media (min-width: 1200px){h1{font-size:2.2rem}}h2{font-family:"Nunito",sans-serif;font-weight:700;font-size:1.55rem}@media (min-width: 768px){h2{font-size:1.7rem}}@media (min-width: 992px){h2{font-size:1.85rem}}h3{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.35rem;font-weight:bold}@media (min-width: 768px){h3{font-size:1.45rem}}@media (min-width: 992px){h3{font-size:1.55rem}}h4{font-family:"Nunito",sans-serif;font-weight:400;font-size:1.2rem;font-weight:bold}@media (min-width: 768px){h4{font-size:1.4rem}}h5{font-family:"Nunito",sans-serif;font-weight:400;font-size:1rem;font-weight:600}@media (min-width: 768px){h5{font-size:1.25rem}}h6{font-family:"Nunito",sans-serif;font-weight:400;font-size:0.875rem}@media (min-width: 768px){h6{font-size:1rem}}p,blockquote,a,li{font-family:"Nunito",sans-serif;font-weight:400}blockquote{font-size:1em;font-style:italic}.navbar{position:relative;z-index:10;width:100%;display:flex;justify-content:center;background-color:transparent;border-bottom:1px solid transparent;transition:background-color 0.3s ease, border-bottom 0.3s ease}.navbar.fixed{position:fixed;top:0;left:0}.navbar.scrolled{background-color:var(--background-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border-color);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.navbar .navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.6rem 2rem;gap:2rem}@media (min-width: 768px){.navbar .navbar-inner{padding:1rem 2.5rem}}@media (min-width: 992px){.navbar .navbar-inner{padding:1rem 3rem}}.navbar .navbar-image{height:10rem;width:10rem;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;transition:transform 0.3s ease-in-out;width:3.5rem;height:3.5rem;background-color:var(--navbar-item-background-color);box-shadow:var(--navbar-item-box-shadow-color);transition:transform 0.25s ease}.navbar .navbar-image:hover{transform:scale(1.05)}.navbar .navbar-image img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.navbar .navbar-image img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px;height:80%;width:auto;margin-top:4px}.navbar .navbar-image:hover{transform:scale(1.05)}.navbar .navbar-links{display:none}@media (min-width: 768px){.navbar .navbar-links{display:flex}}.navbar .theme-toggle{padding:0;border:none;background:none;cursor:pointer;transition:transform 0.2s ease-in-out;height:10rem;width:10rem;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;transition:transform 0.3s ease-in-out;width:2.75rem;height:2.75rem;background-color:var(--navbar-item-background-color);box-shadow:var(--navbar-item-box-shadow-color);transition:transform 0.25s ease, opacity 0.3s ease}.navbar .theme-toggle i{font-size:1.5rem;color:var(--icon-color)}.navbar .theme-toggle:hover{transform:scale(1.15)}.navbar .theme-toggle:hover{transform:scale(1.05)}.navbar .theme-toggle img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.navbar .theme-toggle:hover{transform:scale(1.08) rotate(10deg)}.navbar .theme-toggle i{font-size:1.2rem;color:var(--navbar-icon-color)}body.home .navbar:not(.fixed) .theme-toggle{opacity:0;pointer-events:none}body.home .navbar.fixed .theme-toggle{opacity:1;pointer-events:auto}body:not(.home) .navbar .theme-toggle{opacity:1;pointer-events:auto}@media (max-width: 767px){body.home .navbar{position:absolute}body.home .navbar:not(.fixed){opacity:0;pointer-events:none}body.home .navbar.fixed{position:fixed}}body.home .navbar:not(.fixed) .navbar-image{opacity:0;pointer-events:none}body.home .navbar.fixed .navbar-image{opacity:1;pointer-events:auto}.navbar-links{display:flex;gap:1rem;padding:0.6rem;background-color:var(--navbar-item-background-color);box-shadow:var(--navbar-item-box-shadow-color);border-radius:10px;transition:all 0.3s ease}.navbar-links a{padding:0.6rem 1.6rem;background-color:var(--navbar-links-background-color);color:var(--navbar-link-item-color);text-decoration:none;font-size:0.95rem;font-weight:500;border-radius:10px;transition:all 0.25s ease}.navbar-links a i{display:none}.navbar-links a.current{font-weight:600;background-color:var(--navbar-link-item-hover-color);color:var(--navbar-link-item-current-color)}.navbar-links a:hover{background-color:var(--navbar-link-item-hover-color);transform:translateY(-1px)}@media (min-width: 768px){.navbar.scrolled .navbar-links:not(.mobile-bottom-nav){background-color:transparent;box-shadow:none;padding:0}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;background-color:var(--background-color);border-top:1px solid var(--card-border-color);padding:0.5rem;gap:0.5rem;opacity:0;pointer-events:none;transition:opacity 0.3s ease, transform 0.3s ease;display:flex;justify-content:center}.mobile-bottom-nav.visible{opacity:1;pointer-events:auto}@media (min-width: 768px){.mobile-bottom-nav{display:none}}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:0.25rem;padding:0.5rem 2.25rem;font-size:0.7rem;font-weight:600}.mobile-bottom-nav a i{display:block;font-size:0.9rem}.youtube-video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0 auto}.youtube-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.contact-section{background-color:var(--contact-section-background);padding:0.5rem 0.5rem;text-align:center;border-top:1px solid var(--card-border-color)}@media (max-width: 767px){.contact-section{padding-bottom:5rem}}@media (min-width: 768px){.contact-section{padding:1rem 0.5rem}}.contact-content{display:flex;flex-direction:column;color:var(--contact-section-text-color);font-size:1rem;gap:1.25rem;max-width:800px;margin:0 auto}.contact-footer-text{font-size:0.9rem;color:var(--text-secondary-color);margin-top:0.5rem;font-weight:400}.social-links{padding:0;display:flex;justify-content:center;gap:1.25rem;margin-bottom:0}.social-icon{padding:0;border:none;background:none;cursor:pointer;transition:transform 0.2s ease-in-out;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--social-icon-background);border:1px solid var(--card-border-color);transition:all 0.3s ease}.social-icon i{font-size:1.5rem;color:var(--icon-color)}.social-icon:hover{transform:scale(1.15)}.social-icon i{font-size:1.1rem;transition:color 0.3s ease}.social-icon:hover{background:var(--primary-color);border-color:var(--primary-color);color:#ffffff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(99,102,241,0.25)}.social-icon:hover i{color:#ffffff}.pagination{text-align:center;padding:25px 0}.pagination a,.pagination span{display:inline-block;padding:10px 15px;margin:0 8px;background-color:var(--pagination-background);text-decoration:none;color:var(--pagination-text-color);border-radius:5px;transition:background-color 0.3s, border-color 0.3s, color 0.3s;font-size:0.9em;font-weight:500}.pagination a:hover{background-color:var(--pagination-hover-background);color:var(--pagination-hover-text-color);border-color:var(--pagination-border-color);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.pagination .current{background-color:var(--pagination-current-background);color:var(--pagination-current-text-color);border-color:var(--pagination-current-background);font-weight:600;box-shadow:0 2px 5px rgba(0,0,0,0.2);cursor:default;pointer-events:none}.section-header{display:flex;align-items:center;gap:1.5rem;position:relative;width:100%}.section-header-content{white-space:nowrap;padding:0 1rem;font-size:1.3rem;font-weight:bold;color:var(--section-header-color)}@media (min-width: 768px){.section-header-content{font-size:1.4rem}}.post-header{width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;flex:1;max-width:1300px;margin-top:1.5rem;padding:0rem 2rem;display:flex;flex-direction:column;gap:1rem}.post-header img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.post-header .post-title{margin:0}.post-header .post-meta{color:var(--post-meta-color);margin:0}.post-header .post-meta .post-date{font-size:large}.post-header .post-tags{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;margin:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:auto;scrollbar-color:auto}.post-header .post-tags::-webkit-scrollbar{display:none}.post-header .tag{display:inline-block;padding:0.25rem 1.25rem;font-weight:300;background-color:var(--tag-background-color);border:1px solid var(--tag-border-color);color:var(--tag-text-color);border-radius:10px;white-space:nowrap}.post-header .post-header-image img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.post-content-wrapper{width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;flex:1;max-width:900px;padding:0rem 2rem;margin-bottom:5rem}.post-content-wrapper img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.post-content-wrapper h1,.post-content-wrapper h2,.post-content-wrapper h3,.post-content-wrapper h4,.post-content-wrapper h5,.post-content-wrapper h6{margin-top:1em;margin-bottom:0.6em}@media (min-width: 768px){.post-content-wrapper{margin-top:0.75rem}.post-content-wrapper h1,.post-content-wrapper h2,.post-content-wrapper h3,.post-content-wrapper h4,.post-content-wrapper h5,.post-content-wrapper h6{margin-top:1.1em;margin-bottom:0.6em}}@media (min-width: 992px){.post-content-wrapper{margin-top:1.5rem}.post-content-wrapper h1,.post-content-wrapper h2,.post-content-wrapper h3,.post-content-wrapper h4,.post-content-wrapper h5,.post-content-wrapper h6{margin-top:1.2em;margin-bottom:0.6em}}@media (min-width: 1200px){.post-content-wrapper{margin-top:2rem}.post-content-wrapper h1,.post-content-wrapper h2,.post-content-wrapper h3,.post-content-wrapper h4,.post-content-wrapper h5,.post-content-wrapper h6{margin-top:1.3em;margin-bottom:0.6em}}.posts-grid{display:grid;grid-gap:2.5rem}@media (min-width: 768px){.posts-grid{grid-gap:3rem}}.post-card,.latest-post-card{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;border-radius:12px;overflow:hidden;background-color:var(--post-card-background-color);box-shadow:0 2px 12px rgba(0,0,0,0.06);text-decoration:none;color:inherit;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid var(--card-border-color)}@media (min-width: 768px){.post-card,.latest-post-card{grid-template-columns:40% 1fr;grid-template-rows:1fr}}.post-card:hover,.latest-post-card:hover{text-decoration:none;cursor:pointer;transform:translateY(-2px);box-shadow:var(--post-card-hover-box-shadow-color)}.post-card:hover .post-card-image,.latest-post-card:hover .post-card-image{transform:scale(1.03)}.post-card-image{background-size:cover;background-position:center;min-height:220px;transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.post-card-details{padding:1.5rem;display:flex;flex-direction:column;overflow:hidden;gap:0.75rem;padding-top:1.75rem}@media (min-width: 768px){.post-card-details{padding:1.75rem;padding-top:2rem}}@media (min-width: 992px){.post-card-details{padding:2rem;padding-top:2.25rem}}.post-card-meta{color:var(--post-meta-color);display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.post-card-tags{display:flex;flex-direction:row;flex-wrap:nowrap;gap:0.8rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.post-card-tags::-webkit-scrollbar{display:none}.post-card-tags .post-card-tag{display:inline-block;padding:0.22rem 0.66rem;font-size:0.8rem;font-weight:300;background-color:var(--tag-post-background-color);border:1px solid var(--tag-border-color);color:var(--tag-text-color);border-radius:10px;white-space:nowrap}.post-card-date{font-size:0.9rem;font-weight:400;transition:color 0.3s ease}.post-card:hover .post-card-date,.latest-post-card:hover .post-card-date{font-weight:400}.post-card-title{margin:0;font-weight:600;font-size:1.125rem;line-height:1.4;transition:color 0.3s ease}@media (min-width: 768px){.post-card-title{font-size:1.2rem}}.post-card-summary{margin:0;margin-top:0.5rem;font-size:0.95rem;line-height:1.6;color:var(--text-secondary-color);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 768px){.post-card-summary{font-size:1rem}}.home-content-wrapper{width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;flex:1;position:relative;padding:0;max-width:100%}.home-content-wrapper img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.hero-container{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;max-width:1200px;margin:0 auto;min-height:100vh;box-sizing:border-box}@media (min-width: 992px){.hero-container{flex-direction:row;align-items:stretch;justify-content:flex-start;gap:3rem}}@media (min-width: 1440px){.hero-container{gap:3rem}}.hero-theme-toggle{position:absolute;top:2rem;right:2rem;z-index:100}@media (min-width: 768px){.hero-theme-toggle{top:2.5rem;right:2.5rem}}@media (min-width: 992px){.hero-theme-toggle{top:3rem;right:3rem}}.hero-theme-toggle .theme-toggle{padding:0;border:none;background:none;cursor:pointer;transition:transform 0.2s ease-in-out;height:10rem;width:10rem;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;transition:transform 0.3s ease-in-out;width:2.75rem;height:2.75rem;background-color:var(--navbar-item-background-color);box-shadow:var(--navbar-item-box-shadow-color);transition:transform 0.25s ease}.hero-theme-toggle .theme-toggle i{font-size:1.5rem;color:var(--icon-color)}.hero-theme-toggle .theme-toggle:hover{transform:scale(1.15)}.hero-theme-toggle .theme-toggle:hover{transform:scale(1.05)}.hero-theme-toggle .theme-toggle img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.hero-theme-toggle .theme-toggle:hover{transform:scale(1.08) rotate(10deg)}.hero-theme-toggle .theme-toggle i{font-size:1.2rem;color:var(--navbar-icon-color)}body:not(.home) .hero-theme-toggle{display:none}.dynamic-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:transparent}.dynamic-background-solid{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-visual{position:relative;z-index:2;display:none;flex:0 0 auto;width:100%;max-width:none;height:auto;pointer-events:none;opacity:0;animation:heroVisualFade 600ms ease-out 300ms forwards;padding:48px 0;margin:0}@media (min-width: 992px){.hero-visual{display:flex;align-items:center;justify-content:flex-end;flex:1;max-width:none;padding:48px 0;margin:0}}@media (min-width: 1440px){.hero-visual{flex:1;max-width:none;padding:56px 0;margin:0}}.hero-visual::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);width:80%;height:80%;border-radius:50%;background:radial-gradient(circle, rgba(99,102,241,0.12), rgba(99,102,241,0.08) 30%, rgba(99,102,241,0.04) 60%, transparent 100%);filter:blur(80px);z-index:-1;opacity:0;pointer-events:none;animation:glowGrowOnce 1.2s cubic-bezier(0.4, 0, 0.2, 1) 0.6s forwards;will-change:transform, opacity;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.hero-visual .device-outline{width:auto;height:100%;max-height:600px;color:var(--primary-color);filter:drop-shadow(0 0 20px rgba(99,102,241,0.15));animation:devicePowerUp 1s ease-out 0.9s 1 forwards, ambientFloat 20s ease-in-out 1.9s infinite;will-change:transform, filter;padding:0;margin:0;display:block}.hero-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;pointer-events:none;gap:0;width:100%;max-width:100%;padding:clamp(56px, 12vh, 96px) 0 clamp(56px, 12vh, 96px) 0;margin:0;opacity:0;transform:translateY(20px);animation:heroTextEntrance 500ms ease-out 100ms forwards;flex:0 0 auto;will-change:transform, opacity}@media (min-width: 390px){.hero-content{max-width:100%;gap:0;padding:clamp(64px, 13vh, 108px) 0 clamp(64px, 13vh, 108px) 0}}@media (min-width: 768px){.hero-content{max-width:100%;gap:0;padding:clamp(72px, 14vh, 120px) 0 clamp(72px, 14vh, 120px) 0}}@media (min-width: 992px){.hero-content{align-items:flex-start;text-align:left;max-width:none;margin:0;flex:1;gap:0;padding:clamp(80px, 15vh, 132px) 0 clamp(80px, 15vh, 132px) 0;justify-content:center}}@media (min-width: 1440px){.hero-content{max-width:none;padding:clamp(88px, 16vh, 144px) 0 clamp(88px, 16vh, 144px) 0}}.hero-content .hero-portrait{position:relative;width:124px;height:124px;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;pointer-events:auto;margin-bottom:40px}@media (min-width: 390px){.hero-content .hero-portrait{width:132px;height:132px;margin-bottom:46px}}@media (min-width: 768px){.hero-content .hero-portrait{width:140px;height:140px;margin-bottom:50px}}@media (min-width: 992px){.hero-content .hero-portrait{width:148px;height:148px}}@media (min-width: 1440px){.hero-content .hero-portrait{width:156px;height:156px}}.hero-content .hero-portrait::before{content:'';position:absolute;top:45%;left:45%;transform:translate(-50%, -50%);width:calc(100% + 24px);height:calc(100% + 24px);border-radius:50%;background:radial-gradient(circle at 35% 35%, var(--primary-color) 0%, var(--primary-color) 40%, transparent 70%);opacity:0.25;filter:blur(18px);z-index:-1;animation:portraitGlow 4s ease-in-out infinite}.hero-content .hero-portrait::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% + 12px);height:calc(100% + 12px);border-radius:50%;background:var(--primary-color);opacity:0.12;filter:blur(10px);z-index:-1}.hero-content .hero-portrait .hero-portrait-image{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:4px solid var(--background-color);box-shadow:0 4px 16px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08),0 0 0 1px rgba(255,255,255,0.12),inset 0 0 0 1px rgba(255,255,255,0.1)}.hero-content .hero-intro{margin:0 0 20px 0;font-size:clamp(1.45rem, 4vw, 1.9rem);font-weight:600;line-height:1.3;color:var(--text-primary-color);opacity:1;pointer-events:auto;cursor:text;letter-spacing:0.02em}@media (min-width: 390px){.hero-content .hero-intro{margin-bottom:24px}}@media (min-width: 768px){.hero-content .hero-intro{margin-bottom:26px}}@media (min-width: 992px){.hero-content .hero-intro{margin-bottom:28px}}@media (min-width: 1440px){.hero-content .hero-intro{margin-bottom:30px}}.hero-content .hero-headline{margin:0 0 14px 0;font-size:clamp(1.95rem, 4.6vw, 3.1rem);font-weight:600;letter-spacing:-0.03em;line-height:1.12;color:var(--text-primary-color);background-image:linear-gradient(120deg, var(--text-primary-color) 0%, var(--primary-color) 55%, var(--text-primary-color) 100%);background-size:200% auto;background-position:8% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:auto;cursor:text;position:relative}.hero-content .hero-headline .hero-accent{color:var(--primary-color);opacity:0.9;background:none;-webkit-text-fill-color:var(--primary-color)}@media (min-width: 390px){.hero-content .hero-headline{margin-bottom:18px}}@media (min-width: 768px){.hero-content .hero-headline{margin-bottom:20px}}@media (min-width: 992px){.hero-content .hero-headline{margin-bottom:22px}}@media (min-width: 1440px){.hero-content .hero-headline{margin-bottom:24px}}.hero-content .hero-subheadline{margin:0 0 28px 0;font-size:clamp(1rem, 2.6vw, 1.2rem);font-weight:400;line-height:1.6;color:var(--text-secondary-color);opacity:0.75;pointer-events:auto;cursor:text;max-width:36ch}@media (min-width: 390px){.hero-content .hero-subheadline{margin-bottom:32px}}@media (min-width: 768px){.hero-content .hero-subheadline{margin-bottom:0}}@media (min-width: 992px){.hero-content .hero-subheadline{margin-bottom:0}}@media (min-width: 1440px){.hero-content .hero-subheadline{margin-bottom:0}}.hero-content .hero-supporting{margin:0;font-size:0.875rem;font-weight:400;line-height:1.6;color:var(--text-secondary-color);opacity:0.75;pointer-events:auto;cursor:text}@media (min-width: 390px){.hero-content .hero-supporting{font-size:0.9375rem}}@media (min-width: 768px){.hero-content .hero-supporting{font-size:1rem;line-height:1.65}}@media (min-width: 992px){.hero-content .hero-supporting{font-size:1.0625rem;line-height:1.7}}@media (min-width: 1440px){.hero-content .hero-supporting{font-size:1.125rem}}.hero-content .hero-divider{width:48px;height:1px;background:linear-gradient(90deg, transparent 0%, var(--primary-color) 50%, transparent 100%);opacity:0.35;margin:18px auto 24px auto}@media (min-width: 390px){.hero-content .hero-divider{margin:20px auto 28px auto}}@media (min-width: 768px){.hero-content .hero-divider{margin:22px auto 32px auto}}@media (min-width: 992px){.hero-content .hero-divider{margin:22px 0 32px 0}}@media (min-width: 1440px){.hero-content .hero-divider{margin-bottom:36px}}.hero-content .hero-micro{margin:0;font-size:0.8125rem;font-weight:400;line-height:1.5;color:var(--text-secondary-color);opacity:0.7;pointer-events:auto;cursor:text;display:none}@media (min-width: 768px){.hero-content .hero-micro{display:block;font-size:0.875rem}}@media (min-width: 992px){.hero-content .hero-micro{font-size:0.9375rem}}@media (min-width: 1440px){.hero-content .hero-micro{font-size:1rem;opacity:0.75}}.hero-content .hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:0;align-items:center}@media (min-width: 390px){.hero-content .hero-cta{gap:14px}}@media (min-width: 768px){.hero-content .hero-cta{gap:16px}}@media (min-width: 992px){.hero-content .hero-cta{justify-content:flex-start;margin-top:0}}@media (min-width: 1440px){.hero-content .hero-cta{gap:18px}}.hero-content .hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;font-size:0.875rem;font-weight:500;border-radius:8px;text-decoration:none;transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;white-space:nowrap;pointer-events:auto;outline-offset:2px;letter-spacing:0.01em}@media (min-width: 390px){.hero-content .hero-btn{min-height:48px;padding:13px 24px;font-size:0.9375rem}}@media (min-width: 768px){.hero-content .hero-btn{min-height:54px;padding:16px 30px;font-size:0.9375rem}}@media (min-width: 992px){.hero-content .hero-btn{min-height:54px;padding:16px 32px;font-size:1rem}}@media (min-width: 1440px){.hero-content .hero-btn{min-height:56px;padding:17px 34px;font-size:1rem}}.hero-content .hero-btn:focus-visible{outline:2px solid var(--primary-color)}.hero-content .hero-btn-primary{background:var(--primary-color);color:#ffffff;border:none;box-shadow:0 2px 12px rgba(99,102,241,0.35);transform:translateY(0)}.hero-content .hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(99,102,241,0.45)}.hero-content .hero-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(99,102,241,0.4)}.hero-content .hero-btn-secondary{background:transparent;color:var(--text-primary-color);border:2px solid var(--card-border-color);box-shadow:none;transform:translateY(0)}.hero-content .hero-btn-secondary:hover{border-color:var(--primary-color);background:rgba(99,102,241,0.04);transform:translateY(-2px)}.hero-content .hero-btn-secondary:active{transform:translateY(0);background:rgba(99,102,241,0.08)}@keyframes portraitGlow{0%, 100%{opacity:0.2;transform:translate(-50%, -50%) scale(1)}50%{opacity:0.3;transform:translate(-50%, -50%) scale(1.05)}}@keyframes heroTextEntrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroVisualFade{from{opacity:0}to{opacity:1}}@keyframes ambientFloat{0%, 100%{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.01)}50%{transform:translateY(-12px) scale(1.02)}75%{transform:translateY(-8px) scale(1.01)}}@keyframes blinkCursor{0%, 100%{opacity:1}50%{opacity:0}}@keyframes devicePowerUp{0%{filter:drop-shadow(0 0 0px rgba(99,102,241,0))}50%{filter:drop-shadow(0 0 40px rgba(99,102,241,0.35))}100%{filter:drop-shadow(0 0 20px rgba(99,102,241,0.15))}}@keyframes glowGrowOnce{0%{opacity:0;transform:translate(-50%, -50%) scale(0.8)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}@media (prefers-reduced-motion: reduce){.hero-content{animation:heroTextEntranceReduced 400ms ease-out forwards;transform:none}.hero-visual{animation:heroVisualFadeReduced 400ms ease-out 200ms forwards}.device-outline{animation:none;filter:drop-shadow(0 0 20px rgba(99,102,241,0.15))}.hero-headline::after{animation:none;opacity:0}@keyframes heroTextEntranceReduced{from{opacity:0}to{opacity:1}}@keyframes heroVisualFadeReduced{from{opacity:0}to{opacity:1}}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-content{width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden;flex:1;max-width:1170px;padding:0rem 2rem}.home-content img{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:10px}.latest-posts-section{display:flex;flex-direction:column;gap:1.5rem;align-items:center}@media (min-width: 768px){.latest-posts-section{gap:2rem}}.latest-posts-grid{--posts-grid-gap: clamp(1.5rem, 3vw, 2rem);display:grid;grid-template-columns:1fr;gap:var(--posts-grid-gap);width:100%}@media (min-width: 768px){.latest-posts-grid{grid-template-columns:repeat(3, 1fr);gap:var(--posts-grid-gap)}}@media (min-width: 768px){.latest-posts-grid:has(.latest-post-card:only-child){grid-template-columns:1fr}}@media (min-width: 768px){.latest-posts-grid:has(.latest-post-card:nth-child(2):last-child){grid-template-columns:repeat(2, 1fr)}}.latest-post-card{grid-template-columns:1fr;grid-template-rows:220px 1fr}@media (min-width: 768px){.latest-post-card{grid-template-columns:1fr;grid-template-rows:200px 1fr}}.show-all-posts-button{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:2rem;padding:0.75rem 1.5rem;font-size:0.9rem;font-weight:500;color:var(--text-primary-color);background-color:var(--background-color);border:1px solid var(--card-border-color);border-radius:8px;text-decoration:none;transition:all 0.25s ease}@media (min-width: 768px){.show-all-posts-button{margin-top:2.5rem}}.show-all-posts-button:hover{background-color:var(--primary-color);color:#ffffff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,0.3);text-decoration:none}.show-all-posts-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(99,102,241,0.3)}section{scroll-margin-top:80px}#hero{background:var(--background-color);height:100vh;overflow:hidden;position:relative;max-width:100vw;overflow-x:hidden;padding:0 2rem}@media (min-width: 768px){#hero{padding:0 2.5rem}}@media (min-width: 992px){#hero{padding:0 3rem}}.about-section{background:var(--section-alt-background)}.posts-section{background:var(--background-color)}.about-section,.posts-section{padding:3rem 0}@media (min-width: 768px){.about-section,.posts-section{padding:3.5rem 0}}@media (min-width: 992px){.about-section,.posts-section{padding:4rem 0}}.about-section .section-content,.posts-section .section-content{max-width:1200px;margin:0 auto;padding:0 2rem}@media (min-width: 768px){.about-section .section-content,.posts-section .section-content{padding:0 2.5rem}}@media (min-width: 992px){.about-section .section-content,.posts-section .section-content{padding:0 3rem}}.posts-section .section-content{display:flex;flex-direction:column;align-items:center}.posts-section .section-content .section-title{align-self:flex-start}.posts-section .section-content .latest-posts-grid{align-self:stretch}.section-title{font-size:1.875rem;font-weight:700;margin-bottom:2.5rem;position:relative;padding-left:0;color:var(--text-primary-color);letter-spacing:-0.01em;line-height:1.3}@media (min-width: 768px){.section-title{font-size:2.25rem;margin-bottom:3rem}}@media (min-width: 992px){.section-title{font-size:2.5rem;margin-bottom:3.5rem}}.section-title::after{content:'';position:absolute;left:0;bottom:-0.75rem;width:50px;height:4px;background:linear-gradient(90deg, var(--primary-color), var(--primary-light-color));border-radius:2px}@media (min-width: 768px){.section-title::after{width:60px}}.about-content{font-size:1.125rem;line-height:1.8;color:var(--text-secondary-color);max-width:800px;font-weight:400}.about-content p{margin-bottom:1.5rem}.about-content p:first-child{font-size:1.25rem;font-weight:500;color:var(--text-color)}@media (min-width: 768px){.about-content p:first-child{font-size:1.375rem}}.about-content p:last-child{margin-bottom:0}.about-content a{color:var(--primary-color);text-decoration:none;border-bottom:2px solid var(--primary-color);transition:all 0.2s ease;font-weight:500}.about-content a:hover{color:var(--primary-light-color);border-bottom-color:var(--primary-light-color);transform:translateY(-1px)}@media (min-width: 768px){.about-content{font-size:1.2rem;line-height:1.9}}.error-page-layout{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.error-code{font-size:5em;margin:0;color:var(--error-code-color)}