code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.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}:root{--color-primary: #2d5a27;--color-secondary: #4a7c59;--color-accent: #f4d03f;--color-background: #0d1117;--color-surface: #161b22;--color-surface-hover: #21262d;--color-text: #f0f6fc;--color-text-secondary: #8b949e;--color-border: #30363d;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--border-radius: 8px;--border-radius-lg: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4);--transition: all .2s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;width:100%}body{font-family:var(--font-family);background:linear-gradient(180deg,#0d1117,#0f1419,#161b22,#1c2128,#21262d,#1c2128 75%,#161b22,#0f1419 95%,#0d1117);background-attachment:fixed;background-size:100% 200vh;color:var(--color-text);line-height:1.6;overflow-x:hidden;width:100%;margin:0;padding:0;min-height:100vh}#root{width:100%;min-height:100vh}.section{padding:3rem 0;width:100%;position:relative;background:transparent}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text{background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-text);text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-primary);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(244,208,63,.2),transparent);transition:left .5s}.btn:hover{background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px #2d5a274d}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-surface-hover);border-color:var(--color-secondary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(244,208,63,.1),transparent);transition:left .5s}.card:hover{border-color:var(--color-secondary);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.card:hover:before{left:100%}.tech-tag{display:inline-block;padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;color:var(--color-text-secondary);margin:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.tech-tag:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(244,208,63,.2) 0%,transparent 70%);transition:all .4s ease;transform:translate(-50%,-50%)}.tech-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000004d}.tech-tag:hover:before{width:100px;height:100px}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-active{background:#2d5a2733;color:var(--color-accent);border:1px solid var(--color-primary)}.status-completed{background:#8b949e33;color:var(--color-text-secondary);border:1px solid var(--color-border)}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 0}.section-title{font-size:2rem}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;width:100%;overflow:hidden;padding-bottom:2rem}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(45,90,39,.04) 0%,transparent 60%),radial-gradient(circle at 80% 20%,rgba(244,208,63,.03) 0%,transparent 60%);animation:shimmer 12s ease-in-out infinite alternate;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(48,54,61,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(48,54,61,.03) 1px,transparent 1px);background-size:100px 100px;animation:grid-move 30s linear infinite;pointer-events:none;opacity:.1}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes shimmer{0%{opacity:.3;transform:translate(-10px)}to{opacity:.7;transform:translate(10px)}}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.floating-element{position:absolute;border-radius:50%;background:linear-gradient(45deg,#2d5a270d,#f4d03f08);filter:blur(2px);opacity:.6}.floating-element-1{width:60px;height:60px;top:20%;left:10%;animation:float 8s ease-in-out infinite}.floating-element-2{width:80px;height:80px;top:60%;right:15%;animation:float 10s ease-in-out infinite reverse}.floating-element-3{width:40px;height:40px;bottom:30%;left:20%;animation:float 9s ease-in-out infinite}.floating-element-4{width:70px;height:70px;top:40%;right:25%;animation:float 7s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-20px) translate(10px)}50%{transform:translateY(0) translate(-5px)}75%{transform:translateY(10px) translate(-10px)}}.hero-content{text-align:center;max-width:800px;width:100%;margin:0 auto;z-index:2;position:relative}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary),var(--color-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:glow 3s ease-in-out infinite alternate}.hero-subtitle{font-size:clamp(1.25rem,4vw,1.75rem);font-weight:600;margin-bottom:1rem;color:var(--color-text)}.hero-description{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-secondary);margin-bottom:2.5rem;line-height:1.6}.hero-links{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:3rem}.hero-nav-buttons{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--color-text-secondary);animation:bounce 2s infinite;cursor:pointer;transition:all .3s ease}.scroll-indicator:hover{color:var(--color-secondary);transform:translate(-50%) translateY(-5px)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}@keyframes glow{0%{filter:drop-shadow(0 0 5px rgba(74,124,89,.3))}to{filter:drop-shadow(0 0 20px rgba(74,124,89,.6))}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.about-content{display:flex;flex-direction:column;gap:2rem}.about-text{font-size:1.125rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:0}.philosophy-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease}.philosophy-section:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.philosophy-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.philosophy-section p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:0}.skills-grid{display:flex;flex-direction:column;gap:2rem}.skill-category{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease}.skill-category:hover{border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006}.skill-category h4{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1.5rem;text-align:center;position:relative}.skill-category h4:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--color-secondary);border-radius:1px}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.tech-tag.expert{background:#22c55e33;border-color:#22c55e;color:#22c55e}.tech-tag.proficient{background:#3b82f633;border-color:#3b82f6;color:#3b82f6}.tech-tag.learning{background:#f9731633;border-color:#f97316;color:#f97316}.tech-tag:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0003}.projects-featured{margin-top:3rem}.projects-subtitle{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:2rem;text-align:center;position:relative}.projects-subtitle:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--color-secondary);border-radius:2px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));opacity:0;transition:opacity .3s ease}.project-card.featured:before{opacity:1;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-8px);border-color:var(--color-secondary);box-shadow:0 20px 25px -5px #0006}.project-card.compact{padding:1.5rem}.project-card.compact:hover{transform:translateY(-4px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;gap:1rem}.project-title-group{flex:1}.project-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.project-card.compact .project-title{font-size:1.25rem}.project-type{display:inline-block;padding:.25rem .75rem;background:#4a7c5933;border:1px solid var(--color-secondary);border-radius:20px;font-size:.75rem;color:var(--color-secondary);font-weight:500;text-transform:uppercase}.project-status{display:flex;align-items:center}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;white-space:nowrap}.status-active{background:#22c55e33;color:#22c55e;border:1px solid #22c55e}.status-completed{background:#3b82f633;color:#3b82f6;border:1px solid #3b82f6}.project-description{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem;flex:1}.project-meta{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--color-background);border-radius:var(--border-radius);border:1px solid var(--color-border)}.project-role{display:flex;gap:.5rem}.role-label{font-weight:600;color:var(--color-text)}.role-value{color:var(--color-text-secondary)}.project-studio{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{padding:.25rem .75rem;background:#4a7c5933;border:1px solid var(--color-secondary);border-radius:20px;font-size:.75rem;color:var(--color-secondary);font-weight:500}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--color-primary);color:var(--color-text);text-decoration:none;border-radius:var(--border-radius);font-weight:500;font-size:.875rem;transition:all .3s ease;border:1px solid var(--color-primary)}.project-link:hover{background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.code-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem;margin-top:3rem;max-width:1400px;margin-left:auto;margin-right:auto}.code-showcase-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease;position:relative}.code-showcase-card:hover{border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006}.code-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.code-meta{flex:1}.code-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;line-height:1.3}.code-badges{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.complexity-badge{padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.complexity-beginner{background:#22c55e33;color:#22c55e;border:1px solid #22c55e}.complexity-intermediate{background:#f4d03f33;color:var(--color-accent);border:1px solid var(--color-accent)}.complexity-advanced{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.category-badge{padding:.35rem .85rem;background:#4a7c5933;color:var(--color-secondary);border:1px solid var(--color-secondary);border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-language{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:.875rem;margin-bottom:1rem}.code-description{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem;font-size:1rem}.code-preview{margin:1.5rem 0}.code-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-text);border:1px solid var(--color-primary);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-weight:500;width:100%;justify-content:center;margin-bottom:1rem;font-family:var(--font-family);font-size:.875rem}.code-toggle-btn:hover{background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.code-container{border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border)}.code-block{background:#1e1e1e;padding:1.5rem;margin:0;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.5;color:#d4d4d4;max-height:400px;overflow-y:auto}.code-highlights{margin:1.5rem 0}.code-highlights h4{color:var(--color-text);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.highlights-grid{display:grid;gap:.75rem}.highlight-item{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.highlight-item svg{color:var(--color-accent)}.code-metrics{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.metric-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#4a7c591a;border:1px solid var(--color-secondary);border-radius:var(--border-radius);min-width:80px}.metric-value{font-size:1.25rem;font-weight:600;color:var(--color-secondary)}.metric-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;font-weight:500}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.blog-filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:3rem;justify-content:center;max-width:800px;margin-left:auto;margin-right:auto}.blog-filter-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-weight:500;font-family:var(--font-family);font-size:.875rem;text-transform:capitalize}.blog-filter-btn:hover{border-color:var(--color-secondary);color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow)}.blog-filter-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text);box-shadow:var(--shadow)}.blog-post-preview{padding:2rem;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-surface);transition:all .3s ease;cursor:pointer;height:100%;display:flex;flex-direction:column;position:relative}.blog-post-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent));opacity:0;transition:opacity .3s ease}.blog-post-preview:hover:before{opacity:1}.blog-post-preview:hover{border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006}.blog-post-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--color-text-secondary);font-size:.875rem;flex-wrap:wrap}.blog-post-category{background:var(--color-primary);color:var(--color-text);padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-post-title{font-size:1.375rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;line-height:1.3}.blog-post-excerpt{color:var(--color-text-secondary);line-height:1.7;margin-bottom:1.5rem;flex-grow:1;font-size:1rem}.blog-read-more{color:var(--color-secondary);font-weight:500;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:.5rem;margin-top:auto;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.blog-read-more:hover{color:var(--color-accent)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.blog-tag{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:#4a7c5933;border:1px solid var(--color-secondary);border-radius:20px;font-size:.75rem;color:var(--color-secondary);font-weight:500}.blog-article{max-width:800px;margin:0 auto}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease;margin-bottom:2rem;font-weight:500;font-family:var(--font-family);font-size:.875rem}.back-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow)}.article-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:3rem}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.article-meta{display:flex;gap:1.5rem;color:var(--color-text-secondary);font-size:.875rem;margin-bottom:1.5rem;flex-wrap:wrap}.article-date,.article-read-time{display:flex;align-items:center;gap:.5rem}.article-category{background:var(--color-primary);color:var(--color-text);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.article-title{font-size:2.5rem;font-weight:700;color:var(--color-text);line-height:1.2;margin-bottom:1.5rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.article-tag{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#4a7c5933;border:1px solid var(--color-secondary);border-radius:20px;font-size:.875rem;color:var(--color-secondary)}.article-body{line-height:1.8;color:var(--color-text-secondary)}.article-h1{font-size:2.5rem;font-weight:700;color:var(--color-text);margin:2rem 0 1.5rem;line-height:1.2;border-bottom:3px solid var(--color-secondary);padding-bottom:.5rem}.article-h2{font-size:2rem;font-weight:600;color:var(--color-text);margin:2rem 0 1rem;line-height:1.3;position:relative}.article-h2:before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);width:4px;height:1.5rem;background:var(--color-secondary);border-radius:2px}.article-h3{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:1.5rem 0 .75rem;line-height:1.4}.article-h4{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:1.25rem 0 .5rem;line-height:1.4}.article-p{margin:1rem 0;line-height:1.8;color:var(--color-text-secondary)}.article-ul,.article-ol{margin:1rem 0;padding-left:2rem;color:var(--color-text-secondary)}.article-li{margin:.5rem 0;line-height:1.7}.article-ul .article-li{list-style:disc}.article-ol .article-li{list-style:decimal}.article-blockquote{margin:2rem 0;padding:1.5rem 2rem;background:var(--color-surface);border-left:4px solid var(--color-secondary);border-radius:0 var(--border-radius) var(--border-radius) 0;position:relative;font-style:italic}.article-blockquote:before{content:'"';position:absolute;top:.5rem;left:.5rem;font-size:3rem;color:var(--color-secondary);opacity:.3;line-height:1}.article-blockquote h3{color:var(--color-text);font-weight:600;margin-bottom:1rem;font-style:normal}.article-blockquote p{margin:.5rem 0;color:var(--color-text-secondary)}.article-inline-code{background:var(--color-surface);border:1px solid var(--color-border);padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.875em;color:var(--color-secondary)}.article-pre{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;overflow-x:auto;position:relative}.article-pre:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-secondary),var(--color-accent))}.article-code-block{font-family:Fira Code,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;color:var(--color-text)}.article-link{color:var(--color-secondary);text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}.article-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.article-hr{margin:3rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.article-table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--color-border)}.article-thead{background:var(--color-background)}.article-th{padding:1rem;text-align:left;font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}.article-td{padding:1rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.article-tr:hover{background:var(--color-background)}.article-pre .hljs{background:transparent!important;color:var(--color-text)!important}.article-pre .hljs-keyword{color:#569cd6!important}.article-pre .hljs-string{color:#ce9178!important}.article-pre .hljs-comment{color:#6a9955!important;font-style:italic}.article-pre .hljs-number{color:#b5cea8!important}.article-pre .hljs-function{color:#dcdcaa!important}.article-pre .hljs-variable{color:#9cdcfe!important}@media (max-width: 768px){.article-h1{font-size:2rem}.article-h2{font-size:1.5rem}.article-h3{font-size:1.25rem}.article-pre{padding:1rem;font-size:.8rem}.article-blockquote{padding:1rem 1.5rem;margin:1.5rem 0}.article-table{font-size:.875rem}.article-th,.article-td{padding:.75rem .5rem}}.media-showcase{margin:2rem 0}.media-carousel{position:relative;border-radius:var(--border-radius-lg);overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);transition:all .3s ease}.media-carousel:hover{border-color:var(--color-secondary);box-shadow:var(--shadow)}.media-slide{position:relative;cursor:pointer;height:300px;overflow:hidden}.screenshot-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.media-slide:hover .screenshot-image{transform:scale(1.05)}.media-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);color:#fff;padding:2rem 1.5rem 1.5rem;font-size:.875rem;line-height:1.4}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:2}.carousel-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.carousel-btn.prev{left:1rem}.carousel-btn.next{right:1rem}.media-indicators{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:var(--color-background)}.indicator{background:none;border:none;color:var(--color-text-secondary);font-size:.875rem;padding:.5rem;cursor:pointer;transition:all .3s ease;border-radius:4px}.indicator:hover,.indicator.active{color:var(--color-secondary);background:#4a7c591a}.media-modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.media-modal{position:relative;max-width:90vw;max-height:90vh;background:var(--color-surface);border-radius:var(--border-radius-lg);overflow:hidden;border:1px solid var(--color-border)}.modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;border:none;color:#fff;padding:.75rem;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.modal-close:hover{background:#000000e6;transform:scale(1.1)}.modal-content{position:relative}.modal-image{max-width:100%;max-height:80vh;width:auto;height:auto;display:block}.modal-caption{padding:1.5rem;background:var(--color-background);color:var(--color-text-secondary);border-top:1px solid var(--color-border);text-align:center}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:none;color:#fff;padding:1rem;border-radius:50%;cursor:pointer;transition:all .3s ease}.modal-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.modal-nav.prev{left:1rem}.modal-nav.next{right:1rem}.lazy-image-container{position:relative;overflow:hidden}.lazy-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.lazy-image.loading{opacity:0}.lazy-image.loaded{opacity:1}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%}.placeholder-img{width:100%;height:100%;object-fit:cover;filter:blur(10px);transform:scale(1.1)}.image-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border) 50%,var(--color-surface) 75%);background-size:200% 100%}.skeleton-animation{width:100%;height:100%;background:inherit;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.section-loading{padding:4rem 0;display:flex;justify-content:center;align-items:center}.loading-skeleton{max-width:800px;width:100%}.skeleton-title{height:3rem;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius);margin-bottom:2rem}.skeleton-content{display:flex;flex-direction:column;gap:1rem}.skeleton-line{height:1.5rem;background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-border) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--border-radius)}.skeleton-line.short{width:60%}.media-showcase-empty{height:300px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg)}.project-thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-lg)}@media (max-width: 768px){.media-slide{height:200px}.media-modal-overlay{padding:1rem}.modal-image,.modal-video{max-height:70vh}.carousel-btn{padding:.5rem}.carousel-btn.prev{left:.5rem}.carousel-btn.next{right:.5rem}.modal-nav{padding:.75rem}.modal-nav.prev{left:.5rem}.modal-nav.next{right:.5rem}}.commission-content{display:flex;flex-direction:column;gap:3rem;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.commission-status{text-align:center;margin-bottom:2rem}.status-available{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#22c55e1a;border:2px solid #22c55e;border-radius:var(--border-radius-lg);color:#22c55e;font-weight:600;font-size:1.125rem;animation:pulse 2s infinite}.status-unavailable{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:#ef44441a;border:2px solid #ef4444;border-radius:var(--border-radius-lg);color:#ef4444;font-weight:600;font-size:1.125rem}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 10px #22c55e00}}.commission-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.commission-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease}.commission-info:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.commission-info h3{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;position:relative}.commission-info h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--color-secondary);border-radius:2px}.specialties-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.specialty-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);transition:all .3s ease}.specialty-item:hover{border-color:var(--color-secondary);color:var(--color-text);transform:translate(4px)}.experience-info{margin-top:2rem;padding:1.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius)}.experience-info h4{color:var(--color-text);font-weight:600;margin-bottom:.75rem;text-align:center}.experience-info p{color:var(--color-text-secondary);line-height:1.6;text-align:center;margin:0}.commission-approach{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease}.commission-approach:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.commission-approach h3{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center;position:relative}.commission-approach h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--color-secondary);border-radius:2px}.commission-approach>p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem;text-align:center}.process-steps{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all .3s ease}.step:hover{border-color:var(--color-secondary);transform:translate(8px);box-shadow:var(--shadow)}.step-number{min-width:48px;height:48px;background:var(--color-secondary);color:var(--color-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;transition:all .3s ease}.step:hover .step-number{background:var(--color-accent);transform:scale(1.1)}.step-content{flex:1}.step-content h4{color:var(--color-text);font-weight:600;margin-bottom:.5rem;font-size:1.125rem}.step-content p{color:var(--color-text-secondary);line-height:1.6;margin:0}.commission-payments{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;margin-top:2rem;transition:all .3s ease}.commission-payments:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.commission-payments h3{color:var(--color-text);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;position:relative}.commission-payments h3:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:50px;height:3px;background:var(--color-secondary);border-radius:2px}.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.payment-method{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);transition:all .3s ease}.payment-method:hover{border-color:var(--color-secondary);color:var(--color-text);transform:translateY(-2px)}.commission-cta{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;margin-top:2rem;position:relative;overflow:hidden}.commission-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a7c59e6,#3b82f6e6);z-index:1}.commission-cta>*{position:relative;z-index:2}.commission-cta h3{color:var(--color-text);font-size:2rem;font-weight:700;margin-bottom:1rem}.commission-cta p{color:#ffffffe6;font-size:1.125rem;line-height:1.7;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-buttons .btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:var(--color-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:600}.cta-buttons .btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.cta-buttons .btn-outline{background:transparent;border:2px solid rgba(255,255,255,.5);color:var(--color-text)}.cta-buttons .btn-outline:hover{background:#fff3;border-color:#ffffffb3}.contact-content{display:flex;flex-direction:column;align-items:center;gap:3rem;margin-top:3rem;max-width:900px;margin-left:auto;margin-right:auto;text-align:center}.contact-intro{font-size:1.125rem;line-height:1.7;color:var(--color-text-secondary);margin:0;max-width:600px}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:800px}.contact-link{display:flex;align-items:center;gap:1rem;padding:2rem 1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.contact-link.discord{cursor:default}.contact-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,124,89,.1),transparent);transition:left .5s ease}.contact-link:hover:before{left:100%}.contact-link:hover{border-color:var(--color-secondary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0006}.contact-link svg{width:32px;height:32px;color:var(--color-secondary);transition:all .3s ease;flex-shrink:0}.contact-link:hover svg{color:var(--color-accent);transform:scale(1.1)}.contact-info{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0;flex:1}.contact-label{font-weight:600;color:var(--color-text);font-size:1rem}.contact-value{color:var(--color-text-secondary);font-size:.875rem;word-break:break-all}.contact-link:hover .contact-label{color:var(--color-secondary)}.contact-link:hover .contact-value{color:var(--color-text)}.contact-cta{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--border-radius-lg);padding:3rem 2rem;text-align:center;width:100%;max-width:700px;position:relative;overflow:hidden;margin-top:1rem}.contact-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a7c59e6,#3b82f6e6);z-index:1}.contact-cta>*{position:relative;z-index:2}.contact-cta h3{color:var(--color-text);font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-cta p{color:#ffffffe6;font-size:1.125rem;line-height:1.7;max-width:500px;margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:3rem;max-width:1000px;margin-left:auto;margin-right:auto}.contact-info-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease}.contact-info-section:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.contact-method{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border);transition:all .3s ease}.contact-method:last-child{border-bottom:none}.contact-method:hover{transform:translate(4px)}.contact-method-icon{width:48px;height:48px;background:var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .3s ease}.contact-method:hover .contact-method-icon{background:var(--color-secondary);transform:scale(1.1)}.contact-method-info h4{color:var(--color-text);font-weight:600;margin-bottom:.25rem}.contact-method-info p{color:var(--color-text-secondary);font-size:.875rem}.contact-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s ease}.contact-form:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.sidebar-nav{position:fixed;top:50%;left:1rem;transform:translateY(-50%);z-index:1000;background:#161b22f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:.75rem .5rem;transition:all .3s ease;box-shadow:0 10px 30px -5px #0000004d;width:auto;min-width:60px}.sidebar-nav.expanded{padding:.75rem;min-width:160px}.sidebar-nav-content{display:flex;flex-direction:column;gap:.25rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all .3s ease;white-space:nowrap;min-width:44px;justify-content:flex-start;font-family:var(--font-family);font-size:.875rem;position:relative}.sidebar-nav-item:hover{background:var(--color-surface);color:var(--color-text);transform:translate(2px)}.sidebar-nav-item.active{background:var(--color-secondary);color:var(--color-text);box-shadow:var(--shadow)}.sidebar-nav-item.active:before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--color-accent);border-radius:2px}.sidebar-nav-label{font-weight:500;font-size:.875rem;overflow:hidden;opacity:0;width:0;transition:all .3s ease}.sidebar-nav.expanded .sidebar-nav-label{opacity:1;width:auto}.section-description{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto 2rem;line-height:1.6}.section-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.section-header .section-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.section-header .section-description{margin-bottom:0;font-size:1.125rem;color:var(--color-text-secondary);line-height:1.6;text-align:center;max-width:600px;margin-left:auto;margin-right:auto}.section{padding:4rem 0;width:100%;position:relative;background:transparent}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:.75rem}.section-description{font-size:1.125rem;color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-family);font-weight:500;font-size:.875rem;text-decoration:none;border:1px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-sizing:border-box;white-space:nowrap}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--color-primary);color:var(--color-text);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-secondary{background:transparent;color:var(--color-secondary);border-color:var(--color-secondary)}.btn-secondary:hover{background:var(--color-secondary);color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-outline{background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-outline:hover{background:var(--color-surface);border-color:var(--color-secondary);color:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);transform:translateY(-2px)}button{font-family:var(--font-family);cursor:pointer}.filter-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-weight:500;font-family:var(--font-family);font-size:.875rem}.filter-btn:hover{border-color:var(--color-secondary);color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow)}.filter-btn.active{background:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-text);box-shadow:var(--shadow)}.language-luau .token.keyword,.language-lua .token.keyword,.language-typescript .token.keyword,.language-javascript .token.keyword{color:#569cd6}.language-luau .token.string,.language-lua .token.string,.language-typescript .token.string,.language-javascript .token.string{color:#ce9178}.language-luau .token.comment,.language-lua .token.comment,.language-typescript .token.comment,.language-javascript .token.comment{color:#6a9955;font-style:italic}.language-luau .token.function,.language-lua .token.function,.language-typescript .token.function,.language-javascript .token.function{color:#dcdcaa}.language-luau .token.number,.language-lua .token.number,.language-typescript .token.number,.language-javascript .token.number{color:#b5cea8}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.about-grid,.commission-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.skills-grid{grid-template-columns:repeat(3,1fr)}.specialties-grid{grid-template-columns:1fr}.contact-links{grid-template-columns:1fr;gap:1.5rem}.payment-methods{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.section{padding:3rem 1rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.hero{padding:4rem 1rem;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.projects-grid,.projects-list,.code-showcase-grid,.blog-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:2rem}.skills-grid{gap:1.5rem}.commission-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.contact-links{grid-template-columns:1fr;gap:1rem}.contact-link{padding:1.5rem}.specialties-grid{grid-template-columns:1fr;gap:.75rem}.payment-methods{grid-template-columns:repeat(2,1fr);gap:.75rem}.article-content{padding:2rem}.article-title{font-size:2rem}.blog-filter-buttons{justify-content:center;flex-wrap:wrap;gap:.5rem}.hero-links{flex-direction:column;align-items:center;gap:1rem}.project-links{flex-direction:column;gap:.75rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}.filter-btn,.blog-filter-btn{padding:.5rem 1rem;font-size:.8rem}.sidebar-nav{left:-200px;width:200px}.sidebar-nav:hover,.sidebar-nav.expanded{left:0}}@media (max-width: 480px){.section{padding:2rem 1rem}.hero{padding:3rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.section-title{font-size:1.75rem}.skills-grid{grid-template-columns:1fr}.blog-filter-buttons{flex-direction:column;align-items:center}.filter-btn,.blog-filter-btn{width:100%;max-width:200px;text-align:center}.project-card,.code-example,.blog-post,.commission-info,.contact-link{margin:0}.contact-link{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem 1rem}.contact-info{align-items:center}.contact-links,.payment-methods{grid-template-columns:1fr}.commission-cta h3,.contact-cta h3{font-size:1.5rem}.commission-cta p,.contact-cta p{font-size:1rem}.cta-buttons{flex-direction:column;align-items:center;gap:.75rem}.sidebar-nav{display:none}}