html{--page-background:linear-gradient(140deg,#26364f 0%,#23344e 55%,#1a273e 100%);--section-background-color:linear-gradient(140deg,#26364f 0%,#23344e 60%,#1a273e 100%);--section-overlay:radial-gradient(circle at 20% 10%,#d8b56a2e,transparent 55%),radial-gradient(circle at 80% 70%,#7886a02e,transparent 55%);--image-gradient:linear-gradient(140deg,#1a2436eb,#101828f5);--imp-text-color:#d8b56a;--primary-color:#d8b56a;--button-hover-color:#c7a65e;--hero-accent:#d8b56ab3;--card-glow:#d8b56a4d;--text-muted:#f5efe4ad;--black:#000;--white:#fff;--grey:#3a3a3a;--footer-icon-bg:#2b2a2a;--footer-icon-shadow:#1e141e33}h1,h2,h3,h4{font-family:var(--font-serif),"Times New Roman",serif;letter-spacing:-.01em}.purple{color:var(--imp-text-color)!important}button:focus{box-shadow:none!important}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#2d1950}::-webkit-scrollbar-thumb{background:#b279d8f5;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#de82ebe8;border-radius:12px}.sticky{z-index:10000;top:0;left:0;right:0;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;pointer-events:auto!important;background-color:#1b1a2ea9!important;transition:all .3s ease-out!important;position:fixed!important;box-shadow:0 10px 10px #09051d2c!important}.navbar{z-index:10000;isolation:isolate;top:0;left:0;right:0;pointer-events:auto!important;padding:.3rem 2rem!important;font-size:1.2rem!important;transition:all .3s ease-out!important;position:fixed!important}.navbar *{pointer-events:auto!important}.navbar-toggler{background-color:#0000!important;border-color:#0000!important;position:relative!important}.navbar-toggler span{opacity:1!important;background-color:#be50f4!important;width:27px!important;height:4px!important;margin-top:5px!important;margin-bottom:5px!important;display:block!important;left:0!important;transform:rotate(0)!important}.navbar-toggler:focus,.navbar-toggler:active{outline:0!important}.navbar-toggler span:first-child,.navbar-toggler span:nth-child(3){transition:transform .35s ease-in-out!important}.navbar-toggler:not(.collapsed) span:first-child{opacity:.9!important;position:absolute!important;top:10px!important;left:12px!important;transform:rotate(135deg)!important}.navbar-toggler:not(.collapsed) span:nth-child(2){visibility:hidden!important;background-color:#0000!important;height:12px!important}.navbar-toggler:not(.collapsed) span:nth-child(3){opacity:.9!important;position:absolute!important;top:10px!important;left:12px!important;transform:rotate(-135deg)!important}@media (max-width:767px){.navbar{background-color:#181a27!important;padding:1rem 2rem!important;font-size:1.4rem!important}.navbar-nav .nav-item a:after{display:none!important}}.navbar-brand{color:#fafafa!important}.logo{width:2.5em!important;height:1.4em!important}.navbar-nav .nav-link{color:#fff!important;padding-left:1rem!important;padding-right:1rem!important}.nav-link{padding:.8rem 1rem!important}@media (max-width:767px){.nav-link{padding:.7rem 1rem!important}}.navbar-nav .nav-item{margin-left:20px;position:relative}.navbar-nav .nav-item a{z-index:1;font-weight:400;transition:all .3s ease-out;position:relative}.navbar-nav .nav-item a:after{content:"";z-index:-1;background:#c95bf5;border-radius:16px;width:0;height:3px;transition:all .3s ease-out;display:block;position:relative;top:10px;bottom:1px;left:0}.navbar-nav .nav-item a:hover:after{width:100%}.wave{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:2.1s;animation-iteration-count:infinite;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}#tsparticles{z-index:1;opacity:.4;width:100%;height:100%;inset:0;pointer-events:none!important;position:fixed!important}#tsparticles canvas{width:100%!important;height:100%!important}#tsparticles *{pointer-events:none!important}.home-section{z-index:0;background:0 0;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden;padding:140px 0 120px!important}@keyframes heroGlow{0%{transform:translate(-20px,-30px)scale(1)}to{transform:translate(30px,20px)scale(1.05)}}.home-content{z-index:1;color:var(--white);text-align:left;width:100%;position:relative}.home-row{align-items:center;min-height:60vh}.home-header{text-align:left;flex-direction:column;gap:1.25rem;display:flex}.reveal{opacity:0;animation:.7s forwards fadeUp;transform:translateY(14px)}.reveal-delay-1{animation-delay:.12s}.reveal-delay-2{animation-delay:.22s}.reveal-delay-3{animation-delay:.32s}.reveal-delay-4{animation-delay:.42s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero-kicker{letter-spacing:.32em;text-transform:uppercase;color:var(--hero-accent);margin-bottom:0;font-size:.85rem;font-weight:600}.hero-badge{color:#f8efe0;letter-spacing:.08em;text-transform:uppercase;background:#d8b56a26;border:1px solid #d8b56a59;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.hero-badge:before{content:"";background:#f1c979;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #f1c979cc}.heading{margin-bottom:0;font-weight:600;font-size:clamp(2.8rem,5.5vw,4rem)!important}.heading-name{margin-bottom:0;font-weight:700;font-size:clamp(3rem,7vw,4.6rem)!important}.name-highlight{background:linear-gradient(120deg,#f6e2b5 0%,#d8b56a 55%,#a88a4c 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-divider{background:linear-gradient(90deg,#d8b56ae6,#d8b56a00);border-radius:999px;width:120px;height:3px;margin-top:.5rem}.hero-subtitle{max-width:540px;color:var(--text-muted);margin-top:.5rem;font-size:1.15rem;line-height:1.8}.hero-stats{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.hero-stat{background:#0c121eb3;border:1px solid #d8b56a40;border-radius:16px;gap:.2rem;min-width:140px;padding:.6rem 1rem;display:grid;box-shadow:0 18px 30px #060a1266}.hero-stat span{color:var(--imp-text-color);font-size:1.4rem;font-weight:700}.hero-stat small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.main-name{color:var(--imp-text-color)}.typewriter-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e1422b3;border:1px solid #d8b56a59;border-radius:999px;align-items:center;gap:.5rem;width:fit-content;margin-top:.5rem;padding:.75rem 1.5rem;display:inline-flex;box-shadow:0 20px 40px #060c1680}.Typewriter__wrapper{color:var(--imp-text-color)!important;font-size:clamp(1.5rem,3vw,2rem)!important;font-weight:600!important}.Typewriter__cursor{color:#ffffff80!important;font-size:clamp(1.5rem,3vw,2rem)!important}.cta-group{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.home-primary-btn,.home-secondary-btn{transition:transform .25s,box-shadow .25s,background .25s;border-radius:999px!important;padding:.9rem 1.8rem!important;font-weight:600!important}.home-primary-btn{box-shadow:0 18px 30px #d8b56a59;color:#18140b!important;background:linear-gradient(135deg,#d8b56afa,#ecce94f2)!important;border:none!important}.home-primary-btn:hover{transform:translateY(-3px);box-shadow:0 24px 45px #7d5bff73}.home-secondary-btn{box-shadow:0 18px 30px #0805154d;color:#f5efe4!important;background:0 0!important;border:1px solid #d8b56a8c!important}.home-secondary-btn:hover{transform:translateY(-3px);box-shadow:0 24px 45px #0f0a2373;background:#d8b56a1f!important}@media (max-width:991px){.home-header{text-align:center;align-items:center}.hero-subtitle{max-width:100%}.typewriter-wrapper{margin-left:auto;margin-right:auto}.home-content{text-align:center}.hero-stats{justify-content:center}.hero-badge{margin-left:auto;margin-right:auto}}@media (max-width:767px){.home-section{padding:120px 0 80px!important}.cta-group{justify-content:center;width:100%}.Typewriter__cursor{display:none!important}}@media (max-width:575px){.hero-kicker{letter-spacing:.18em;font-size:.75rem}.hero-subtitle{font-size:1rem}.cta-group{flex-direction:column}.home-primary-btn,.home-secondary-btn{width:100%}.hero-stat{text-align:center;width:100%}}.myAvtar{display:flex;justify-content:center!important;padding-top:4em!important}.avatar-frame{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#d8b56a2e,#5a688429);border-radius:28px;padding:1.5rem;position:relative;box-shadow:0 30px 50px #060a128c}.avatar-frame img{z-index:1;border-radius:18px;width:100%;height:auto;display:block;position:relative}.avatar-frame:after{content:"";pointer-events:none;border:1px solid #d8b56a40;border-radius:20px;position:absolute;inset:12px}@media (max-width:767px){.myAvtar{padding-top:2em!important;padding-bottom:2em!important}.avatar-frame{padding:1rem}.home-story-card{padding:1.75rem}.home-story-list li{padding-left:1.4rem}.home-contact-card{padding:1.75rem}}.home-about-section{background:0 0;position:relative;overflow:hidden;padding:120px 0 140px!important}.home-about-description{color:var(--white)!important;padding-top:0!important;padding-bottom:20px!important}.home-story-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a101cb8;border:1px solid #d8b56a33;border-radius:28px;padding:2.5rem;box-shadow:0 30px 60px #060a1299}.home-story-title{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.8rem)}.home-about-body{color:var(--text-muted);margin-bottom:1.5rem;line-height:1.9;font-size:1.08rem!important}.home-story-list{gap:.9rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.home-story-list li{color:#ffffffc7;padding-left:1.75rem;position:relative}.home-story-list li:before{content:"";background:var(--imp-text-color);border-radius:50%;width:8px;height:8px;position:absolute;top:.65rem;left:.4rem;box-shadow:0 0 12px #d8b56a99}.home-highlight-row{row-gap:2rem;margin-top:3.5rem}.home-highlight-col{opacity:0;animation:.7s forwards fadeUp;display:flex;transform:translateY(16px)}.home-highlight-col .home-highlight-card{width:100%}.home-highlight-col:first-child{animation-delay:50ms}.home-highlight-col:nth-child(2){animation-delay:.12s}.home-highlight-col:nth-child(3){animation-delay:.2s}.home-highlight-col:nth-child(4){animation-delay:.28s}.home-highlight-card{background:#0a101cc2;border:1px solid #d8b56a38;border-radius:24px;height:100%;padding:2rem 1.75rem;transition:transform .3s,box-shadow .3s,border-color .3s;box-shadow:0 25px 50px #060a1280}.home-highlight-card:hover{border-color:#d8b56a80;transform:translateY(-8px);box-shadow:0 35px 65px #0a101aa6}.home-highlight-icon{width:56px;height:56px;color:var(--imp-text-color);background:#d8b56a26;border-radius:18px;justify-content:center;align-items:center;margin-bottom:1.2rem;font-size:1.6rem;display:inline-flex;box-shadow:inset 0 0 0 1px #d8b56a33}.home-highlight-card h3{color:var(--white);margin-bottom:.75rem;font-size:1.2rem}.home-highlight-card p{color:#ffffffbf;margin-bottom:0;line-height:1.7}.home-contact{margin-top:3.5rem}.home-contact-card{text-align:left;opacity:0;background:#0a101cbd;border:1px solid #d8b56a40;border-radius:24px;padding:2.5rem;animation:.7s .2s forwards fadeUp;transform:translateY(16px);box-shadow:0 28px 55px #060a128c}.home-contact-card h2{color:var(--white);margin-bottom:.75rem}.home-contact-card p{color:#ffffffbf}.home-contact-form{gap:1.25rem;margin-top:1.5rem;display:grid}.home-contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.home-contact-form label{color:#fffc;gap:.5rem;font-weight:600;display:grid}.home-contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.home-contact-form input,.home-contact-form textarea{color:var(--white);background:#0c121ed9;border:1px solid #d8b56a4d;border-radius:12px;padding:.75rem .9rem;font-size:1rem}.home-contact-form input:focus,.home-contact-form textarea:focus{border-color:#d8b56a99;outline:none;box-shadow:0 0 0 3px #d8b56a33}.home-contact-note{color:#ffffffa6;margin:0;font-size:.95rem}.home-contact-result{color:#d8b56ae6;margin:0;font-weight:600}.home-contact-result.success{color:#79f2c0}.home-contact-result.error{color:#ff8a80}.home-contact-note a{color:var(--imp-text-color);font-weight:600;text-decoration:none}.home-contact-note a:hover{text-decoration:underline}.home-about-social{padding-top:60px;text-align:center!important;color:var(--white)!important}@media (prefers-reduced-motion:reduce){.reveal,.home-highlight-col,.home-contact-card{opacity:1;animation:none;transform:none}}.home-about-social p{color:#ffffffb3;margin-bottom:1.5rem}.home-about-social-links{padding-top:0!important;justify-content:center!important;padding-inline-start:0!important;display:inline-block!important;position:relative!important}.home-social-icons{text-align:center!important;background:#fffffff8!important;border-radius:50%!important;width:40px!important;height:40px!important;font-size:1.2em!important;line-height:2em!important;transition:all .5s!important;display:inline-block!important;position:relative!important}.home-social-icons:before{content:"";z-index:-1;background:#68187a;border-radius:50%;width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0;transform:scale(.9)}.home-social-icons:hover:before{transform:scale(1.1);box-shadow:0 0 15px #801f95}.home-social-icons:hover{color:#87209e;text-shadow:0 0 2px #87209e;box-shadow:0 0 5px #87209e}.social-icons{padding-left:15px;padding-right:15px;display:inline-block!important}.icon-colour{color:#700c86!important}.footer{background-color:#0a0416;padding-top:10px!important;padding-bottom:8px!important;bottom:0!important}.footer-copywright{text-align:center!important}.footer-body{z-index:1;text-align:center!important}@media (max-width:767px){.footer-copywright,.footer-body{text-align:center!important}}.footer h3{font-size:1em;color:#fff!important;margin-top:.5em!important;margin-bottom:.5em!important}.footer-icons{margin-top:.5em!important;margin-bottom:.5em!important;padding:0!important}.blockquote-footer{color:#a588c0!important}.project-section{background:0 0!important;padding:160px 1.5rem 80px!important;position:relative!important}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding-bottom:10px;display:grid}.project-grid-item{display:flex}.project-card{height:auto!important;padding:0!important}.project-card-view{color:#fff!important;opacity:.98!important;background:linear-gradient(140deg,#0a101cf0,#121a2ae6)!important;border:1px solid #d8b56a2e!important;border-radius:18px!important;height:100%!important;transition:transform .25s,box-shadow .25s,border-color .25s!important;box-shadow:0 20px 40px #08071073!important}.project-card-view:hover{border-color:#d8b56a73!important;overflow:hidden!important;transform:translateY(-6px)!important;box-shadow:0 28px 50px #0807108c!important}.project-card-actions{flex-wrap:wrap!important;gap:12px!important;margin-top:16px!important;display:flex!important}.blog-card{height:auto!important;padding:50px 25px!important}.blog-card-view{color:#fff!important;background-color:#0000!important;height:100%!important;transition:all .5s!important;box-shadow:0 3px 3px 2px #914da175!important}.blog-link{color:#fff!important;text-decoration:none!important}.blog-link:hover{cursor:pointer!important}.blog-card-view:hover{overflow:hidden!important;transform:scale(1.02)!important;box-shadow:0 3px 3px 5px #9b58ada6!important}.card-img-top{opacity:.8!important;border-radius:10px!important;padding:20px!important}.blog-img{opacity:.8!important;border-radius:0!important;padding:0!important}.btn-primary{color:#fff!important;background-color:#623686!important;border-color:#623686!important}.btn-primary:hover{color:#fff!important;background-color:#6d20c5d7!important;border-color:#6d20c5d7!important}.btn:focus{box-shadow:none!important;outline:none!important}.project-heading{color:#fff!important;padding-top:10px!important;font-size:2.3em!important;font-weight:500!important}.about-section{color:#fff!important;background:0 0!important;padding-top:150px!important;padding-bottom:30px!important;position:relative!important}.about-content{z-index:1;position:relative}.tech-icons{opacity:.93!important;vertical-align:middle!important;text-align:center!important;border:1.7px solid #c889e6a2!important;border-radius:5px!important;margin:15px!important;padding:10px!important;font-size:4.5em!important;transition:all .4s!important;display:table!important;overflow:hidden!important;box-shadow:4px 5px 4px 3px #5904a823!important}@media (max-width:767px){.tech-icons{-o-transition:all .4s ease-out;text-align:center;transition:all .4s ease-out;margin:10px!important}}.tech-icons .text{opacity:1;margin-top:8px;transition-duration:.4s;transition-delay:0s;text-align:center!important;font-size:large!important}.tech-icons:hover{border:2.2px solid #c573e6e1!important;overflow:hidden!important;transform:scale(1.05)!important}.tech-icons:hover .text{transform:translateY(5px)}.about-focus-list{text-align:left;margin:0 0 1.2rem;padding-left:1.2rem}.about-focus-list li{margin-bottom:.35rem}.tech-icon-images{padding:20px!important;line-height:1.6!important}.quote-card-view{color:#fff!important;background-color:#0000!important;border:none!important}.about-activity{text-align:left!important;padding-left:1px!important;list-style:none!important}@media (max-width:767px){.about-img{padding-top:0!important}}.about-img img{filter:drop-shadow(0 18px 35px #08041459);max-width:100%;height:auto;display:block}.like-item{padding-top:10px!important;font-family:sans-serif!important;font-size:1.1em!important}.contrib-legend{color:#ffffffbf;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:.95rem;display:flex}.contrib-legend-item{align-items:center;gap:.45rem;display:inline-flex}.contrib-legend-swatch{border-radius:3px;width:12px;height:12px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff26}.contrib-legend-swatch.github{background:#d8b56a}.contrib-legend-swatch.gitlab{background:#4b6a96}.like-btn{background-color:#934cce5e!important;border-color:#934cce5e!important;border-radius:5px!important;padding:.25rem .98rem!important;line-height:1.4!important;transition:all .3s!important}.like-btn:hover{background-color:#a24dd386!important;border-color:#a24dd386!important;transform:translateY(-2px)!important}.animate-like{animation-name:likeAnimation;animation-duration:.85s;animation-fill-mode:forwards}@keyframes likeAnimation{0%{transform:scale(1.5)}to{transform:scale(1)}}.fork-btn{padding-top:10px!important;font-size:1.1em!important}.fork-btn-inner{vertical-align:middle!important;text-align:center!important;background-color:#934cce5e!important;padding:.25rem 1.1rem!important;line-height:1.4em!important}.fork-btn-inner:hover{background-color:#a24dd386!important;border-color:#a24dd386!important;transform:translateY(-2px)!important}.fork-btn-inner:after{display:none!important}
.App{text-align:center;min-height:100vh;font-family:var(--font-sans),"Segoe UI",sans-serif;background:0 0;flex-direction:column;display:flex}:root{--blog-surface:#0a101ceb;--blog-card:#d8b56a14;--blog-text:#ffffffe0;--blog-muted:#ffffffb8;--blog-border:#ffffff1a;--blog-link:#fff;--blog-heading:#fff}@media (prefers-color-scheme:light){:root{--blog-surface:#fff;--blog-card:#effaf9;--blog-text:#1b1335;--blog-muted:#1b1335a6;--blog-border:#1018281f;--blog-link:#1b1335;--blog-heading:#0f0a2e}}main{flex:1 0 auto}.blog-section{background:0 0;min-height:calc(100vh - 120px);padding:160px 1.5rem 80px}.blog-container{text-align:left;max-width:960px;margin:0 auto}.blog-intro{color:var(--blog-muted);max-width:720px;margin:0 auto 2rem;font-size:1.1rem}.blog-list{gap:2rem;margin:0;padding:0;list-style:none;display:grid}.blog-list-item{background:var(--blog-surface);color:var(--blog-text);border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 20px 40px #08071059}.blog-list-item h2{color:var(--blog-heading);margin:0 0 .75rem}.blog-list-item:hover{transform:translateY(-4px);box-shadow:0 26px 48px #08071073}.blog-link,.blog-read-more{color:var(--blog-link);text-decoration:none}.blog-list-item h2 .blog-link{color:inherit}.blog-link:hover,.blog-read-more:hover{color:var(--imp-text-color)}.blog-meta{color:var(--blog-muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.blog-author,.blog-reading-time{align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.blog-reading-time:before{content:"•";color:var(--blog-border);margin-right:.35rem}.blog-tags{flex-wrap:wrap;gap:.5rem;display:inline-flex}.blog-tag{color:var(--blog-heading);background:#d8b56a33;border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.blog-excerpt{color:var(--blog-text);margin-bottom:1.5rem;line-height:1.6}.blog-article{background:var(--blog-surface);text-align:left;max-width:768px;color:var(--blog-text);border-radius:18px;margin:160px auto 80px;padding:0 1.5rem 3rem;box-shadow:0 20px 40px #08071059}.blog-article-header{color:var(--blog-heading);padding:2.5rem 2.5rem 1rem}.blog-content{color:var(--blog-text);padding:0 2.5rem;line-height:1.7}.blog-content p+p{margin-top:1rem}.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:2rem 0 .75rem}.markdown-content h2{font-size:1.6rem}.markdown-content h3{font-size:1.35rem}.markdown-content p,.markdown-content li{color:#ffffffdb}.markdown-content img{border-radius:14px;max-width:100%;height:auto;margin:1.5rem auto;display:block;box-shadow:0 18px 35px #08071066}.markdown-content ul,.markdown-content ol{gap:.35rem;margin:0 0 1.25rem 1.4rem;display:grid}.markdown-content li::marker{color:var(--imp-text-color)}.markdown-content :not(pre)>code{color:#f3d9ff;background:#c770f024;border-radius:6px;padding:.15rem .4rem;font-size:.95rem}.markdown-content pre{color:var(--blog-text);background:#0b0514e6;border:1px solid #c770f033;border-radius:10px;padding:1rem;overflow-x:auto}.markdown-content pre code{background:0 0;padding:0}.markdown-content blockquote{border-left:4px solid var(--imp-text-color);color:var(--blog-muted);margin:1.5rem 0;padding-left:1rem}.blog-footer{padding:1.5rem 2.5rem 2.5rem}.blog-more{padding:0 2.5rem 2.5rem}.blog-more h2{color:var(--blog-heading);margin:0 0 1.5rem}.blog-more .blog-list{gap:1.5rem}.blog-more .blog-list-item{padding:1.5rem}.blog-more h3{color:var(--blog-heading);margin:0 0 .75rem}.blog-analytics{border:1px solid var(--blog-border);background:var(--blog-card);border-radius:12px;gap:.85rem;margin:1.25rem 2.5rem 0;padding:1rem 1.25rem;display:grid}.analytics-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.analytics-label{letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:.9rem;font-weight:700}.analytics-note{color:var(--blog-muted);margin:0;font-size:.95rem}.analytics-locked{gap:.65rem;display:grid}.primary-btn{color:#18140b;cursor:pointer;background:linear-gradient(90deg,#d8b56a 0%,#f0d7a1 100%);border:none;border-radius:10px;width:fit-content;padding:.75rem 1.25rem;font-weight:600;transition:transform .15s,box-shadow .15s}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #d8b56a59}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.analytics-card{border:1px solid var(--blog-border);background:var(--blog-card);border-radius:10px;padding:.75rem 1rem}.analytics-value{margin:0;font-size:1.35rem;font-weight:700}.analytics-subtitle{color:var(--blog-muted);margin:.25rem 0 0}.analytics-admin{max-width:1100px;margin:120px auto 80px;padding:0 1.5rem}.analytics-admin-header{gap:.65rem;margin-bottom:1.5rem;display:grid}.analytics-admin h1{margin:0}.analytics-admin-body{border:1px solid var(--blog-border);background:var(--blog-card);border-radius:12px;padding:1.25rem;box-shadow:0 14px 34px #00000029}.analytics-error{color:#ff8a80;margin:0 0 .75rem}.analytics-table-wrapper{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;color:var(--blog-text)}.analytics-table th,.analytics-table td{text-align:left;border-bottom:1px solid var(--blog-border);padding:.75rem .9rem}.analytics-table th{color:var(--blog-muted);font-size:.95rem;font-weight:600}.analytics-table tr:last-child td{border-bottom:none}.analytics-slug{font-family:Fira Code,JetBrains Mono,monospace;font-size:.95rem;font-weight:600}.analytics-ga4-info{gap:1.5rem;display:grid}.analytics-ga4-info h2{margin:0;font-size:1.5rem;font-weight:700}.analytics-ga4-info h3{margin:.75rem 0 .5rem;font-size:1.1rem;font-weight:600}.analytics-ga4-info ul{gap:.5rem;margin:0;padding-left:1.5rem;display:grid}.analytics-ga4-info li{color:var(--blog-text);line-height:1.6}.analytics-link{color:#6e8efb;font-weight:600;text-decoration:none;transition:color .2s}.analytics-link:hover{color:#c770f0;text-decoration:underline}@media (prefers-color-scheme:light){.blog-list-item,.blog-article{box-shadow:0 20px 40px #11092914}.markdown-content :not(pre)>code{color:#2c1f51;background:#8f6ff829}.markdown-content pre{border-color:var(--blog-border);background:#f7f5ff}}@media (max-width:768px){.blog-section{padding-top:120px}.blog-list-item{padding:1.5rem}.blog-article{margin:120px 1rem 60px;padding-bottom:2.5rem}.blog-article-header,.blog-content,.blog-analytics,.blog-footer,.blog-more{padding-left:1.5rem;padding-right:1.5rem}.blog-analytics{margin-left:1.5rem;margin-right:1.5rem}}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:var(--page-background),var(--section-overlay),radial-gradient(circle at 12% 18%,#d8b56a24,transparent 45%),radial-gradient(circle at 88% 22%,#7886a02e,transparent 50%),radial-gradient(circle at 70% 80%,#d8b56a1a,transparent 55%);background-attachment:fixed;margin:0}@media (max-width:768px){body{background-attachment:scroll}}
pre code.hljs{padding:1em;display:block;overflow-x:auto}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}