html{scrollbar-gutter:stable}body{background-color:#000;color:#d0d0d0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;line-height:1.8;margin:0;background-attachment:fixed;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6,code,pre,.code-block-lang{font-family:source code pro,monospace;color:#fff}main{flex-grow:1}a{color:#87ceeb;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:#fff}p{margin-bottom:1.5rem}blockquote{background-color:#0d0d0d;border-left:3px solid #a3be8c;margin:2.5rem 0;padding:1.5rem 2rem;font-style:normal;color:#d0d0d0;border-radius:0 8px 8px 0;line-height:1.6}blockquote p{margin-bottom:0!important}footer{border-top:1px solid #333;margin-top:2rem;padding:1.5rem 0;text-align:center;font-size:.9em}.code-block-container{margin:1.5rem 0;border:1px solid #444;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.4)}.code-block-header{background-color:#2d2d2d;padding:.4rem 1rem;border-bottom:1px solid #444;display:flex;align-items:center}.code-block-lang{color:#a3be8c;font-family:source code pro,monospace;font-size:.85em;font-weight:700;text-transform:uppercase}.code-block-content pre{margin:0!important;border:none!important;border-radius:0!important;padding:1.2rem!important;background-color:#1e1e1e!important;overflow-x:auto}:not(pre)>code{background-color:#1a1a1a;padding:.2rem .4rem;border-radius:4px;color:#a3be8c;font-size:.9em;border:1px solid #222}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:#1a1a1a;border-radius:0 0 8px 8px}pre::-webkit-scrollbar-thumb{background:#444;border-radius:10px}pre::-webkit-scrollbar-thumb:hover{background:#555}.pagination{margin-top:2rem;display:flex;justify-content:center}.pagination-list{list-style:none;padding:0;margin:0;display:flex;gap:.5rem}.pagination-link{display:inline-block;padding:.5rem 1rem;border:1px solid #333;border-radius:4px;background-color:#1a1a1a;color:#aaa;text-decoration:none;transition:all .2s ease}.pagination-link:hover,.pagination-link.is-active{background-color:#333;color:#fff;border-color:#fff}.main-nav{background-color:#000;border-bottom:1px solid #333;display:flex;justify-content:center;padding:0;position:relative;width:100%;z-index:100}.nav-content-wrapper{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:1.2rem 2.5rem;width:100%}.brand{color:#fff;font-size:1.2em;font-weight:700;letter-spacing:1px;z-index:101}.nav-links{align-items:center;display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:2rem}.nav-links a{color:#aaa;font-size:1.1em;padding-bottom:.3rem;position:relative;text-decoration:none;transition:color .2s ease-in-out}.nav-links a:not(.is-active):hover{color:#fff}.nav-links a.is-active{color:#fff;font-weight:700}.hamburger{background-color:initial;border:0;cursor:pointer;display:none;margin:0;overflow:visible;padding:0;transition:opacity .15s linear,filter .15s linear;z-index:101}.hamburger:hover,.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{display:inline-block;height:24px;position:relative;width:40px}.hamburger-inner{display:block;margin-top:-2px;top:50%}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{background-color:#fff;border-radius:4px;height:4px;position:absolute;transition:transform .15s ease;width:40px}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:10px;transition:transform .15s ease,opacity .15s ease}.hamburger--slider .hamburger-inner::after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,-10px,0)rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{opacity:0;transform:rotate(-45deg)translate3d(-5.71429px,-6px,0)}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0)rotate(-90deg)}@media(max-width:768px){.hamburger{display:block}.nav-links{background-color:rgba(0,0,0,.95);flex-direction:column;height:100%;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-out;width:100%;z-index:99}.nav-links.is-active{transform:translateX(0)}.nav-links li{margin:1rem 0}.nav-links a{color:#fff;font-size:1.8em}.main-nav .brand{position:relative;z-index:101}}.portfolio-container{max-width:1e3px;margin:0 auto;padding-top:2rem;padding-bottom:2rem;display:flex;flex-direction:column;gap:3rem;min-width:320px}.hero-intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:0}.avatar-section{flex-shrink:0;width:250px;height:auto;border-radius:20px;overflow:hidden;display:flex;justify-content:center;align-items:center}.portfolio-avatar{width:100%;height:auto;object-fit:cover;border-radius:20px}.intro-content h1{font-size:3em;color:#fff;margin-top:0;margin-bottom:.5rem}.tagline{font-size:1.2em;color:#aaa;margin-bottom:1.5rem}.description{font-size:1em;line-height:1.8;color:#ccc;text-align:center;max-width:700px;margin-left:auto;margin-right:auto;padding:0 1rem}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-top:3rem}.social-icon{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:5px;text-decoration:none;color:#fff;font-weight:700;transition:all .2s ease;border:1px solid #333}.social-icon:hover{background-color:#fff;color:#000;transform:translateY(-2px);box-shadow:0 2px 8px rgba(255,255,255,.2);border-color:#fff}.social-svg-icon{width:20px;height:20px;filter:invert(100%)brightness(100%);transition:filter .2s ease}.social-icon:hover .social-svg-icon{filter:invert(0%)brightness(0%)}.certifications-section{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;text-align:center}.certifications-section h2{font-size:1.8em;color:#fff;margin-bottom:1rem}.certifications-message{font-size:1.1em;color:#ccc;line-height:1.6}@media(min-width:769px){.hero-intro{flex-direction:row;text-align:left;gap:4rem;align-items:center}.avatar-section{width:300px;height:auto;align-self:center}.portfolio-avatar{width:100%;height:100%;object-fit:cover}.intro-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;height:100%}.social-links{justify-content:flex-start;margin-top:auto}.description{text-align:left;padding:0}}@media(max-width:480px){.portfolio-container{padding:1rem;gap:2rem}.intro-content h1{font-size:2.5em}.social-links{flex-wrap:wrap;justify-content:center}}.blog-list-container{max-width:1200px;margin:0 auto;padding:2rem}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:2rem}.blog-post-summary{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.4);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.blog-post-summary:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.6)}.blog-post-summary h2{font-size:1.5em;margin-top:0;margin-bottom:.5rem}.blog-post-summary h2 a{color:#fff;text-decoration:none}.blog-post-summary h2 a:hover{color:#fff;text-decoration:underline}.blog-post-summary .meta{font-size:.85em;color:#888;margin-bottom:1rem}.blog-post-summary .meta a{color:#87ceeb}.blog-post-summary p{flex-grow:1;margin-bottom:1rem}.blog-post-summary .read-more{display:inline-block;margin-top:auto;color:#0f0;font-weight:700}@media(max-width:768px){.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}}@media(max-width:480px){.blog-posts-grid{grid-template-columns:1fr}}.under-construction-message{border:1px solid #333;padding:2rem;text-align:center;margin:2rem auto;border-radius:8px;color:#aaa}.under-construction-message h2{color:#fff;font-size:1.8em;margin-top:0;margin-bottom:.5rem}.under-construction-message p{font-size:1em;line-height:1.5}.writeup-list-container{max-width:1200px;margin:0 auto;padding:2rem}.page-title{color:#fff;font-size:2.5em;margin-bottom:.5rem;text-align:left}.giant-card-container{background-color:#1a1a1a;border-radius:10px;margin-top:2rem;margin-left:auto;margin-right:auto;box-shadow:0 4px 15px rgba(0,0,0,.5);border:1px solid #333;overflow:hidden}.writeup-list-header{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}#writeup-filter{padding:.75rem 1rem;min-width:300px;border-radius:5px;border:1px solid #333;background-color:#1a1a1a;color:#fff;font-family:source code pro,monospace;font-size:1em}#writeup-filter:focus{outline:none;border-color:#87ceeb}.combined-filters{display:flex;gap:2rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.filter-group-label{font-weight:700;color:#fff;white-space:nowrap;margin-bottom:.5rem}.filter-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none;padding:.25rem 0;color:#aaa;transition:color .2s ease}.filter-group label:hover{color:#fff}.filter-group input[type=checkbox]{display:none}.filter-group label::before{content:'';display:inline-block;width:16px;height:16px;border:2px solid #555;border-radius:3px;transition:all .2s ease;flex-shrink:0}.filter-group input[type=checkbox]:checked+label{color:#fff;font-weight:700}.filter-group input[type=checkbox]:checked+label::before{background-color:#fff;border-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:50%;background-size:70%}.writeup-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 auto}.writeup-table{width:100%;border-collapse:collapse;table-layout:auto;min-width:800px}.writeup-table th,.writeup-table td{padding:1rem;text-align:left;vertical-align:middle;border-bottom:1px solid #333;box-sizing:border-box;line-height:1.2;white-space:nowrap}.writeup-table-row:last-child td{border-bottom:none}.writeup-table .table-name-cell .name-content{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem}.writeup-table th{padding:.7rem 1.2rem;color:#fff;font-size:1.1em;font-weight:700;letter-spacing:normal}.writeup-table-row{transition:background-color .2s ease-in-out}.writeup-table-row:hover{background-color:#252525;cursor:pointer}.writeup-table .table-name-cell{font-weight:700;color:#ccc;transition:color .2s ease-in-out}.writeup-table-row:hover .table-name-cell{color:#fff}.writeup-table .table-name-cell span{font-size:1.1em}.writeup-table .table-name-cell img{width:60px;height:60px;object-fit:cover;border-radius:50%;display:block}.dropdown-filter{position:relative;width:fit-content}.dropdown-toggle{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;border-radius:5px;border:1px solid #333;background-color:#1a1a1a;color:#aaa;font-family:source code pro,monospace;font-size:1em;cursor:pointer;transition:all .2s ease;min-width:140px;text-align:left}.dropdown-toggle:hover,.dropdown-toggle.open{border-color:#fff;color:#fff}.dropdown-toggle i{border:solid #aaa;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);transition:transform .3s ease,border-color .2s ease}.dropdown-toggle:hover i,.dropdown-toggle.open i{border-color:#fff}.dropdown-toggle.open i{transform:translateY(2px)rotate(-135deg)}.dropdown-menu{display:block;visibility:hidden;opacity:0;transform:translateY(-10px);position:absolute;top:100%;left:0;margin-top:.5rem;background-color:#222;border:1px solid #555;border-radius:5px;z-index:10;width:100%;box-shadow:0 8px 20px rgba(0,0,0,.5);transition:opacity .3s ease,transform .3s ease,visibility .3s}.dropdown-menu.open{visibility:visible;opacity:1;transform:translateY(0)}.writeup-table-row.filtered-out,.writeup-table-row.hidden-by-pagination{display:none}.dropdown-menu .filter-group{padding:1rem}.dropdown-menu .filter-group-label{display:none}.writeup-container{max-width:800px;margin:0 auto;padding:3rem 1.5rem;position:relative}.writeup-header{text-align:left;margin-bottom:3rem;border:none;padding:0}.writeup-title{color:#fff;font-size:4em;line-height:1.1;margin:0 0 1rem;font-weight:700;letter-spacing:-1.5px}.writeup-meta-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;font-family:sans-serif;font-size:.95em;color:#888}.difficulty-tag{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.8em;font-weight:600;text-transform:uppercase;color:#fff;letter-spacing:.5px;box-shadow:0 2px 4px rgba(0,0,0,.2)}.difficulty-tag.easy{background-color:#66bb6a}.difficulty-tag.medium{background-color:#ffa726}.difficulty-tag.hard{background-color:#ef5350}.difficulty-tag.insane{background-color:#ab47bc}.tags-container{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.tag-badge{color:#666;font-size:.85em;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s;font-family:source code pro,monospace}.tag-badge:hover{color:#fff;border-bottom-color:#fff}.writeup-post .content-body p{margin-bottom:1.8rem;font-size:1.05rem}.writeup-post .content-body ul,.writeup-post .content-body ol{margin-bottom:1.8rem;padding-left:2rem}.writeup-post .content-body li{margin-bottom:.5rem}.writeup-post .content-body h2{font-size:2.2em;margin-top:3rem;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:.5rem;color:#fff}.writeup-post .content-body h3{font-size:1.75em;margin-top:2.5rem;margin-bottom:1rem;color:#fff}.writeup-post .content-body h4{font-size:1.4em;margin-top:2rem;margin-bottom:1rem;color:#fff}.writeup-post .content-body h5{font-size:1.2em;margin-top:1.8rem;margin-bottom:.8rem;font-weight:700;color:#fff}.writeup-post .content-body h6{font-size:1.1em;margin-top:1.5rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px;color:#fff}.writeup-post .content-body img,.center-img{display:block;margin:2rem auto;max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.5)}.writeup-sidebar{position:fixed;top:50%;transform:translateY(-50%);left:calc(50% + 500px);width:250px;max-height:80vh;overflow-y:auto;display:none;opacity:.6;transition:all .3s}.writeup-sidebar:hover{opacity:1}.toc-title{font-size:.75em;text-transform:uppercase;letter-spacing:2px;color:#555;margin-bottom:1.2rem;font-weight:700;padding-left:1rem}#TableOfContents{font-size:.9em;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;border-left:1px solid #222}#TableOfContents ul{list-style:none;padding-left:0;margin:0}#TableOfContents li{margin-bottom:0;position:relative}#TableOfContents a{color:#666;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;padding:.5rem 0 .5rem 1.2rem;border-left:2px solid transparent;margin-left:-2px}#TableOfContents a:hover{color:#fff;border-left-color:#a3be8c;background:linear-gradient(90deg,rgba(163,190,140,.1) 0%,transparent 100%)}#TableOfContents ul ul a{font-size:.9em;padding-left:2rem;color:#444}#TableOfContents ul ul a:hover{color:#ddd}@media(min-width:1350px){.writeup-sidebar{display:block}}.page-navigation{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1rem}