*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.6;color:#ebebeb;background-color:#272727;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#ebebeb;text-decoration:none}img{max-width:100%;height:auto;display:block}ol,ul{list-style:none}button,input,select,textarea{font:inherit;color:inherit;background:0 0;border:none;outline:0}button{cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}.h1,h1{font-family:Outfit,sans-serif;font-size:2.2rem;line-height:1.2;font-weight:700;color:#ebebeb}.h2,h2{font-family:Outfit,sans-serif;font-size:2.2rem;line-height:1.2;font-weight:700;margin-bottom:2.5rem;color:#ebebeb}.h3,h3{font-family:Outfit,sans-serif;font-size:1.25rem;line-height:1.4;font-weight:600;color:#ebebeb}strong{font-weight:500;color:#ebebeb}figure{margin:0}a{cursor:pointer}.text-center{text-align:center}.text-end,.text-right{text-align:right}nav.top-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;background:rgba(39,39,39,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(155,175,51,.08);transition:all .3s ease}@media (max-width:767px){nav.top-nav{padding:1rem 1.25rem}}.nav-logo{font-family:"Fira Code",monospace;font-size:.85rem;font-weight:600;color:#9baf33;text-decoration:none;letter-spacing:.05em;border-bottom:none!important}.nav-logo span{color:#ebebeb;font-weight:400}.nav-logo:hover{border-bottom:none!important}.nav-right{display:flex;align-items:center;gap:2rem}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}@media (max-width:767px){.nav-links{display:none}}.nav-links a{font-family:"Fira Code",monospace;font-size:.75rem;color:#797979;text-decoration:none;letter-spacing:.08em;text-transform:lowercase;transition:color .3s ease;position:relative;border-bottom:none!important}.nav-links a::before{content:"//";margin-right:.3em;color:#9baf33;opacity:0;transition:opacity .3s ease}.nav-links a:hover{color:#ebebeb;border-bottom:none!important}.nav-links a:hover::before{opacity:1}.lang-switch{display:flex;align-items:center;gap:0;font-family:"Fira Code",monospace;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width:767px){.lang-switch{display:none}}.lang-switch a{color:#797979;text-decoration:none;padding:.3rem .5rem;transition:color .3s ease;border-bottom:none!important}.lang-switch a:hover{color:#ebebeb;border-bottom:none!important}.lang-switch a.active{color:#9baf33}.lang-switch .lang-sep{color:rgba(155,175,51,.3);user-select:none}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;cursor:pointer;background:0 0;border:none;padding:0;z-index:110;position:relative}@media (max-width:767px){.hamburger{display:flex}}.hamburger span{display:block;width:22px;height:2px;background:#ebebeb;border-radius:1px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute}.hamburger span:nth-child(1){transform:translateY(-6px)}.hamburger span:nth-child(2){transform:translateY(0)}.hamburger span:nth-child(3){transform:translateY(6px)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(0)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(0)}.mobile-overlay{display:none;position:fixed;inset:0;z-index:99;background:rgba(30,30,30,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}@media (max-width:767px){.mobile-overlay{display:flex}}.mobile-overlay.open{opacity:1;visibility:visible}.mobile-overlay .mobile-nav-links{display:flex;flex-direction:column;align-items:center;gap:2rem;list-style:none;margin:0;padding:0}.mobile-overlay .mobile-nav-links a{font-family:"Fira Code",monospace;font-size:1.2rem;color:#797979;text-decoration:none;letter-spacing:.1em;text-transform:lowercase;transition:color .3s ease;border-bottom:none!important}.mobile-overlay .mobile-nav-links a:hover{color:#9baf33;border-bottom:none!important}.mobile-overlay .mobile-lang-switch{display:flex;align-items:center;gap:0;font-family:"Fira Code",monospace;font-size:.85rem;margin-top:1.5rem}.mobile-overlay .mobile-lang-switch a{color:#797979;text-decoration:none;padding:.4rem .65rem;transition:color .3s ease;border-bottom:none!important}.mobile-overlay .mobile-lang-switch a:hover{color:#ebebeb;border-bottom:none!important}.mobile-overlay .mobile-lang-switch a.active{color:#9baf33}.mobile-overlay .mobile-lang-switch .lang-sep{color:rgba(155,175,51,.3);user-select:none}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(155,175,51,.08) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000,transparent)}@media (max-width:767px){.hero{padding:5rem 1.25rem 3rem}}.code-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;-webkit-mask-image:radial-gradient(circle 140px at var(--lens-x) var(--lens-y),#000 0,#000 60%,transparent 100%);mask-image:radial-gradient(circle 140px at var(--lens-x) var(--lens-y),#000 0,#000 60%,transparent 100%);opacity:0;transition:opacity .3s ease}.hero:hover .code-layer{opacity:1}@media (max-width:767px){.code-layer{display:none}}.code-layer-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.code-text{font-family:"Fira Code",monospace;font-size:.72rem;line-height:1.65;white-space:pre;color:#ebebeb;width:100%;padding:5rem 2rem 2rem;text-align:left;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.code-text .kw{color:#c678dd}.code-text .fn{color:#61afef}.code-text .str{color:#98c379}.code-text .var{color:#e06c75}.code-text .cm{color:#5c6370;font-style:italic}.code-text .num{color:#d19a66}.code-text .op{color:#ebebeb}.code-text .type{color:#e5c07b}.code-text .tag{color:#9baf33}.lens-ring{position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(155,175,51,.25);box-shadow:0 0 30px rgba(155,175,51,.08),inset 0 0 30px rgba(155,175,51,.03);pointer-events:none;z-index:3;transform:translate(-50%,-50%);left:var(--lens-x);top:var(--lens-y);opacity:0;transition:opacity .3s ease}.hero:hover .lens-ring{opacity:1}@media (max-width:767px){.lens-ring{display:none}}.terminal{width:100%;max-width:680px;background:#1e1e1e;border-radius:12px;border:1px solid rgba(155,175,51,.12);box-shadow:0 0 80px rgba(155,175,51,.06),0 25px 60px rgba(0,0,0,.4);overflow:hidden;animation:terminalIn .8s ease-out both;position:relative;z-index:5}@keyframes terminalIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.terminal-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:rgba(0,0,0,.25);border-bottom:1px solid rgba(255,255,255,.04)}.terminal-dot{width:12px;height:12px;border-radius:50%;background:#797979;opacity:.3}.terminal-dot:first-child{background:#ff5f57;opacity:.7}.terminal-dot:nth-child(2){background:#febc2e;opacity:.7}.terminal-dot:nth-child(3){background:#28c840;opacity:.7}.terminal-title{flex:1;text-align:center;font-family:"Fira Code",monospace;font-size:.7rem;color:#797979;margin-right:44px}.terminal-body{padding:1.75rem 1.5rem 2rem;font-family:"Fira Code",monospace;font-size:.9rem;line-height:2}@media (max-width:767px){.terminal-body{padding:1.25rem 1rem 1.5rem;font-size:.75rem}}@media (max-width:575px){.terminal-body{font-size:.65rem;line-height:1.9}}.terminal-line{opacity:0;animation:lineIn .4s ease-out forwards;white-space:nowrap;overflow:hidden}.terminal-line:nth-child(1){animation-delay:.6s}.terminal-line:nth-child(2){animation-delay:1.2s}.terminal-line:nth-child(3){animation-delay:2s}.terminal-line:nth-child(4){animation-delay:2.8s}.terminal-line:nth-child(5){animation-delay:3.6s}.terminal-line:nth-child(6){animation-delay:4.4s}.terminal-line:nth-child(7){animation-delay:5s}@keyframes lineIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.prompt{color:#9baf33}.cmd{color:#d5d5d5}.output{color:#ebebeb;font-weight:500}.output-big{color:#ebebeb;font-weight:700;font-size:1.3rem}@media (max-width:767px){.output-big{font-size:1rem}}@media (max-width:575px){.output-big{font-size:.85rem}}.cursor{display:inline-block;width:9px;height:1.2em;background:#9baf33;vertical-align:text-bottom;margin-left:4px;animation:blink 1s step-end infinite;opacity:0;animation-delay:5.2s}.cursor.active{opacity:1}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.ref-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media (max-width:767px){.ref-grid{grid-template-columns:1fr}}.ref-card{background:#1e1e1e;border:1px solid rgba(155,175,51,.08);border-radius:10px;padding:2rem;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden;display:block}.ref-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:#9baf33;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.ref-card:hover{border-color:rgba(155,175,51,.25);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.25);border-bottom-width:1px!important}.ref-card:hover::before{transform:scaleX(1)}.ref-card:hover .ref-url{opacity:1}.ref-name{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.ref-desc{font-size:.9rem;color:#797979;margin-bottom:1.25rem;font-weight:300}.ref-url{font-family:"Fira Code",monospace;font-size:.7rem;color:#9baf33;opacity:.7;transition:opacity .3s ease;display:flex;align-items:center;gap:.4rem}.ref-url::before{content:"~>"}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(155,175,51,.08);border:1px solid rgba(155,175,51,.08);border-radius:8px;overflow:hidden}@media (max-width:767px){.tech-grid{grid-template-columns:1fr}}.tech-item{background:#272727;padding:1.25rem 1.5rem;display:flex;align-items:baseline;gap:.75rem;transition:background .3s ease}.tech-item:hover{background:#2f2f2f}.tech-keyword{font-family:"Fira Code",monospace;font-size:.7rem;color:#9baf33;flex-shrink:0;letter-spacing:.03em}.tech-name{font-family:"Fira Code",monospace;font-size:.85rem;color:#ebebeb;font-weight:500}.tech-meta{font-family:"Fira Code",monospace;font-size:.65rem;color:#797979;margin-left:auto;flex-shrink:0}.contact-intro{font-size:1.1rem;color:#797979;margin-bottom:3rem;font-weight:300;max-width:480px}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-item{font-family:"Fira Code",monospace;font-size:1rem;color:#ebebeb;text-decoration:none;display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#1e1e1e;border:1px solid rgba(155,175,51,.08);border-radius:8px;transition:all .3s ease;width:fit-content}.contact-item:hover{border-color:#9baf33;background:rgba(155,175,51,.05);border-bottom-width:1px!important}.contact-item .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#9baf33;min-width:50px}.contact-item .value{color:#d5d5d5;font-weight:400}@media (max-width:767px){.contact-item{font-size:.85rem;padding:.85rem 1.25rem;width:100%}}footer.site-footer{max-width:960px;margin:0 auto;padding:3rem 2rem;text-align:center;font-family:"Fira Code",monospace;font-size:.7rem;color:#797979;border-top:1px solid rgba(155,175,51,.06)}footer.site-footer span{color:#9baf33}footer.site-footer a{color:#797979;text-decoration:none;border-bottom:none!important}footer.site-footer a:hover{color:#9baf33;border-bottom:none!important}:root{--lens-x:50%;--lens-y:50%}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#9baf33 #272727}body{font-family:Outfit,sans-serif;background:#272727;color:#ebebeb;line-height:1.6;overflow-x:hidden}::selection{background:#9baf33;color:#272727}main{max-width:960px;margin:0 auto;padding:0 2rem}@media (max-width:767px){main{padding:0 1.25rem}}p{margin:0 0 16px}a{transition:all .25s cubic-bezier(.25,.1,.25,1)}a:focus,a:hover{text-decoration:none}section.content-section{padding:7rem 2rem;max-width:960px;margin:0 auto}@media (max-width:767px){section.content-section{padding:5rem 1.25rem}}.section-label{font-family:"Fira Code",monospace;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#9baf33;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.section-label::before{content:"";width:24px;height:1px;background:#9baf33}.section-title{font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:2.5rem;line-height:1.2}@media (max-width:767px){.section-title{font-size:1.7rem}}.divider{max-width:960px;margin:0 auto;padding:0 2rem}.divider-line{height:1px;background:linear-gradient(90deg,transparent,rgba(155,175,51,.15),rgba(155,175,51,.25),rgba(155,175,51,.15),transparent)}.about-text{font-size:1.1rem;line-height:1.8;color:#d5d5d5;max-width:640px;margin-bottom:3.5rem;font-weight:300}.about-text strong{color:#ebebeb;font-weight:500}@media (max-width:767px){.about-text{font-size:1rem}}.ce-default,.ce-text,.ce-textpic{padding:7rem 0}@media (max-width:767px){.ce-default,.ce-text,.ce-textpic{padding:5rem 0}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.brand-primary{color:#9baf33}.btn{display:inline-block;padding:.85rem 2rem;border-radius:8px;border:0;cursor:pointer;font-family:"Fira Code",monospace;font-size:.8rem;font-weight:600;text-align:center;transition:all .25s cubic-bezier(.25,.1,.25,1)}.btn-default,.btn-primary{background-color:#9baf33;color:#272727}.btn-default:hover,.btn-primary:hover{box-shadow:0 4px 20px rgba(155,175,51,.3)}