:root{--paper-bg: #ffffff;--ink-color: #2c3e50;--accent-color: #ff6b6b;--sticky-yellow: #fef7cd;--sticky-pink: #ffcee0;--sticky-cyan: #beeaf3;--sticky-green: #dcedc8;--font-hand: "Patrick Hand", cursive;--font-hand-bold: "Kalam", cursive;--font-body: "Inter", sans-serif;--border-rough: 2px solid var(--ink-color);--dot-color: rgb(240, 240, 240)}html{overflow-y:scroll}body{margin:0;padding:0;background-color:var(--paper-bg);color:var(--ink-color);font-family:var(--font-hand-bold);background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:20px 20px;background-position:10px 10px;background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2c3e5033;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#2c3e5066}h1,h2,h3,h4,h5,h6{font-family:var(--font-hand-bold);font-weight:700;margin-top:0}button{font-family:var(--font-hand-bold);cursor:pointer}*{box-sizing:border-box}img{max-width:100%;height:auto}.layout-container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.page-content{margin-top:2rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.responsive-grid{display:grid;gap:2rem}.hero-name{font-size:2.4rem}@media(max-width:768px){:root{--nav-height: auto}.mobile-stack{display:flex!important;flex-direction:column!important;gap:2rem!important}.mobile-grid-1{grid-template-columns:1fr!important}.hero-title{font-size:2rem!important}.hero-name{font-size:1.8rem!important}.nav-brand{display:none!important}.nav-container{padding:1rem!important;flex-direction:column!important;gap:1rem!important;text-align:center}.nav-links{gap:1rem!important;justify-content:center;width:100%}section{margin-bottom:3rem!important}.pronunciation-tooltip{left:50%!important;transform:translate(-50%) translateY(0) rotate(0)!important;width:280px!important;max-width:90vw!important}.mobile-hide{display:none!important}.main-content-grid{grid-template-columns:1fr!important;gap:2rem!important}.main-content-grid aside,.main-content-grid .sidebar{position:static!important;width:100%!important}h1{font-size:2.2rem!important}.blogs-archive h1,.projects-archive h1{font-size:2.5rem!important}.case-study-page header,.blog-detail-page header,.blogs-archive header,.projects-archive header{margin-bottom:2rem!important}}.visitor-counter{color:var(--paper-bg);transition:color .3s ease;cursor:default}.visitor-counter:hover{color:var(--ink-color)}