:root{--font-macan:Macan, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-system:system-ui, "Segoe UI", Roboto, sans-serif;--font-avenir:system-ui, Avenir, Helvetica, Arial, sans-serif;--font-ibm-mono:"IBM Plex Mono", monospace;--font-roboto:"Roboto", sans-serif;--font-montserrat:"Montserrat", sans-serif;--font-eb-garamond:"EB Garamond", serif;--font-raleway:"Raleway", sans-serif;--font-playfair:"Playfair Display", serif;--font-libre-baskerville:"Libre Baskerville", serif;--font-geist:"Geist", sans-serif;--font-geist-mono:"Geist Mono", monospace;--font-mono:ui-monospace, Consolas, monospace;--font-body:var(--font-geist);--font-heading:var(--font-geist);--font-code:var(--font-geist-mono);--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--fw-body:400;--fw-heading:600;--fw-heading-bold:700;--lh-tight:1.1;--lh-heading:1.15;--lh-snug:1.25;--lh-normal:1.5;--lh-body:1.65;--lh-relaxed:1.7;--lh-loose:2;--ls-tight:-.04em;--ls-heading:-.03em;--ls-body:-.01em;--ls-normal:0;--ls-wide:.04em;--ls-wider:.08em;--fs-xs:clamp(.434rem, .3458rem + .3923vw, .64rem);--fs-sm:clamp(.5208rem, .4012rem + .5317vw, .8rem);--fs-base:clamp(.625rem, .4643rem + .7143vw, 1rem);--fs-md:clamp(.75rem, .5357rem + .9524vw, 1.25rem);--fs-lg:clamp(.9rem, .6161rem + 1.2619vw, 1.5625rem);--fs-xl:clamp(1.08rem, .7058rem + 1.6631vw, 1.9531rem);--fs-2xl:clamp(1.296rem, .8051rem + 2.1817vw, 2.4414rem);--fs-3xl:clamp(1.5552rem, .9138rem + 2.8506vw, 3.0518rem);--fs-4xl:clamp(1.866rem, 1.03rem + 3.7vw, 3.815rem);--text-body:var(--fs-base);--text-small:var(--fs-sm);--text-label:var(--fs-xs);--text-h1:var(--fs-4xl);--text-h2:var(--fs-3xl);--text-h3:var(--fs-2xl);--text-h4:var(--fs-xl);--text-h5:var(--fs-lg);--text-h6:var(--fs-md);--text-nav:var(--fs-sm);--text-logo:var(--fs-lg);--text-button:var(--fs-sm);--text-card-title:var(--fs-lg);--text-card-body:var(--fs-base);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-pill:999px;--space-xs:clamp(.5rem, .4rem + .3vw, .75rem);--space-sm:clamp(.75rem, .6rem + .4vw, 1rem);--space-md:clamp(1rem, .8rem + .6vw, 1.5rem);--space-lg:clamp(1.5rem, 1.2rem + 1vw, 2.5rem);--space-xl:clamp(2rem, 1.6rem + 1.5vw, 4rem);--space-2xl:clamp(3rem, 2rem + 3vw, 6rem);--sizzling-sunrise:#f9d81a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body.light-theme{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#f5f5f4;--bg-tertiary:#e7e5e4;--bg-alt:#fafaf9;--bg-tertiary-alt:#a3a3a3;--text-primary:#0a0a0a;--text-secondary:#1c1917;--text-tertiary:#292524;--text-alt:#0c0a09;--text-muted:#6b7280;--text-muted-plus:#4b5563;--text-tertiary-alt:#cacaca;--border-primary:#d6d3d1;--border-secondary:#e7e5e4;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#00508c;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--glass-bg:#64646426;--glass-border:1px solid #6464644d;--bg-shadow:#ffffff80;--bg-fading:linear-gradient(to top, #fafafa, #fafafae6, #fafafacc, #fafafab3, #fafafa00);--bg-l-r:linear-gradient(to top, #ffffffeb 8%, #ffffff6b 45%, #ffffff14 100%)}body.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0a0a;--bg-secondary:#1c1917;--bg-tertiary:#292524;--bg-alt:#0c0a09;--bg-tertiary-alt:#6e6b66;--text-primary:#fafafa;--text-secondary:#f5f5f4;--text-tertiary:#e7e5e4;--text-alt:#fafaf9;--text-muted:#9ca3af;--text-muted-plus:#d1d5db;--text-tertiary-alt:#a3a3a3;--border-primary:#292524;--border-secondary:#1c1917;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#3988c5;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--glass-bg:#c8c8c826;--glass-border:1px solid #c8c8c84d;--bg-shadow:#000c;--bg-fading:linear-gradient(to top, #000, #000000e6, #000c, #000000b3, #0000);--bg-l-r:linear-gradient(to top, #000000eb 8%, #0000006b 45%, #00000014 100%)}html{scroll-behavior:smooth;box-sizing:border-box;font-size:100%}*,:before,:after{box-sizing:inherit;margin:0;padding:0;text-decoration:none;list-style:none}html,body,#root{scroll-behavior:smooth;flex-direction:column;width:100%;max-width:100svw;min-height:100svh;display:flex}body{color:var(--text-primary);font-family:var(--font-ibm-mono);line-height:var(--lh-body);letter-spacing:var(--ls-body);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative}.dark-theme{background:var(--bg-primary) url(/assets/climpek-bg-CFAX-zfg.png) center / contain padding-box}.light-theme{background:var(--bg-primary) url(/assets/climpek-bg-light-Df7xLRkf.png) center / contain padding-box}a{color:inherit}button,input,textarea,select{font:inherit}img,picture,svg,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none}.wrapper{flex-direction:column;flex:1;width:100vw;height:100%;margin:0 auto;padding:0 0 .5em;display:flex}.main{flex-direction:column;flex:1;gap:4em;width:clamp(300px,90vw,1024px);margin:0 auto;padding:1em 0;display:flex}.section-title{font-size:1.4rem;font-weight:500}.footer{text-align:center}.hero{min-height:90svh;margin:auto}.hero-container{flex-direction:column;justify-content:space-evenly;gap:1em;min-height:70vh;margin:auto;display:flex}.hero-header{align-items:center;gap:10px;min-height:100%;margin:1em 0;display:flex}.avatar{object-fit:contain;aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;max-width:100%;height:auto;display:flex;overflow:hidden}.hero-name{font-size:1.2rem;font-weight:500}.hero-title{font-size:1rem}.hero-body{flex-direction:column;gap:1em;display:flex}.hero-cta{justify-content:space-between;align-items:center;display:flex}.hero-ul{gap:2em;padding:1em 0;display:flex}.hero-li-a{align-items:center;font-size:1.5rem;display:inline-block}.about{flex-direction:column;gap:1em;min-height:max-content;padding:1em 0 5em;display:flex}.about-container{flex-direction:column;gap:2em;display:flex}.about-modal{background-color:var(--glass-bg);max-height:100svh;position:fixed;inset:0}.about-modal.closed{transform:200svh;opacity:0}.about-modal.opened{transform:0;opacity:1}.close-modal-btn{width:100%;cursor:unset;justify-content:flex-end;padding:1rem;display:inline-flex}.close-btn{cursor:pointer;display:inline-block}.about-modal-container{background-color:var(--bg-primary);flex-direction:column;width:100vw;height:100%;margin:auto;padding:1em 0;display:flex}.sub-container{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:clamp(350px,90svw,1024px);height:100vh;margin:auto;padding:2em 0 3em;display:flex;overflow:auto}.sub-container::-webkit-scrollbar{display:none}:is(.cert-img-container,.edu-img-container){background-color:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}:is(.cert-img,.edu-img){font-size:var(--fs-lg);justify-content:center;align-items:center;display:flex}:is(.cert-card,.edu-card){align-items:center;gap:var(--space-sm);display:flex}.certification,.education{gap:1em;padding:1em 0}:is(.certification-container,.education-container){grid-template-columns:repeat(auto-fit,minmax(300px,400px));row-gap:1em;width:100%;display:grid}.edu-school{font-weight:800}.skills-section{gap:var(--space-md);margin:0 0 24px}.skills-section-container{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%;display:grid}.skill-ul,.tech-stack-ul,.project-tech-list,.project-list-stack,.project-modal-stack{flex-wrap:wrap;display:flex}.skill-ul{gap:10px}.skill-li{background-color:var(--bg-secondary);border-radius:10px;padding:.1em .4em}.tech-stack-group{background-color:var(--bg-secondary);border-radius:var(--radius-md);width:100%;padding:1rem}.tech-category{text-underline-offset:5px;margin-bottom:.75rem;font-weight:600;text-decoration:underline}.tech-group-container{flex-direction:column;gap:1rem;display:flex}.tech-stack-ul{gap:.6rem;margin:0;padding:0}.tech-stack-li{background-color:var(--text-secondary);color:var(--bg-secondary);border-radius:999px;width:fit-content;padding:.2em .8em}.tech-sub-group{gap:.5rem}.tech-sub-title{width:fit-content;color:var(--text-secondary);margin:0;padding:5px 0;font-weight:500}.tech-sub-group-container{width:100%}.project-modal{background-color:var(--glass-bg);width:100vw;height:100%;max-height:100svh;margin:auto;position:fixed;top:0;left:0}.project-modal-container{background-color:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;height:100%;margin:auto;display:flex}.project-modal-container .sub-container{width:100%;height:100%;box-shadow:0 0 10px 0 var(--glass-bg);flex-direction:column;gap:1rem;display:flex}.project-modal-header{width:100%;height:fit-content;overflow:hidden}.project-modal-img{aspect-ratio:16/9;object-fit:auto;cursor:pointer;width:100%;max-width:100%;height:100%;transition:transform .4s ease-in-out}.project-modal-header:hover .project-modal-img{transform:scale(1.111)}.project-modal-body{padding:1em}.project-modal-body,.project-modal-ul{flex-wrap:wrap;align-items:center;gap:1em;display:flex}.project-modal-links{align-items:center;gap:1em;display:flex}.project-modal-footer{justify-content:space-between;padding:4px 3rem 4px 10px;display:flex}.project-modal-li,.project-modal-links a{background-color:var(--bg-secondary);border-radius:10px;padding:.3em .7em;transition:box-shadow .4s ease-in-out;display:inline-block}.project-modal-links a:hover{box-shadow:0 0 3px var(--accent);background-color:var(--text-primary);color:var(--bg-primary)}@media screen and (width>=992px){.project-modal-container .sub-container{border-radius:10px;max-width:900px;max-height:900px;padding:0 0 5em}}.project-card{box-shadow:0 0 10px 0 var(--bg-text-muted);background-color:var(--bg-secondary);cursor:pointer;border-radius:16px;flex-direction:column;gap:1em;padding:10px;transition:box-shadow .1s ease-in-out;display:flex;overflow:hidden}.project-img{aspect-ratio:16/9;object-fit:auto;border-radius:10px;max-width:100%;overflow:hidden}.project-card-options{flex-wrap:wrap;align-items:center;gap:3em;display:flex}.project-card-category{font-size:1.3rem;font-weight:400}.project-card-title{font-size:1.3rem;font-weight:500}.project-card:hover{box-shadow:0 0 4px var(--accent)}.project-card-btn{background-color:var(--bg-primary);text-align:center;border-radius:10px;padding:5px 10px;display:inline-block}.project-card-btn:hover{box-shadow:0 0 3px var(--accent);background-color:var(--text-primary);color:var(--bg-primary)}.projects{flex-direction:column;gap:1em;min-height:100vh;display:flex}.projects-header{justify-content:space-between;align-items:center;display:flex}.projects-container{flex-direction:column;gap:1em;display:flex}.projects-tabs{flex-wrap:wrap;align-items:center;gap:2em;width:100%;display:flex}.projects-tab{color:var(--text-muted);background-color:var(--bg-secondary);cursor:pointer;border-radius:10px;padding:.5em 1em;display:inline-block}.projects-tab.active{color:var(--bg-primary);background-color:var(--text-secondary)}.projects-grid{grid-template-rows:auto;grid-template-columns:repeat(auto-fit,minmax(300px,400px));justify-content:center;gap:1em;display:grid}.theme-btn{width:fit-content;box-shadow:0 0 1px 0 var(--glass-bg);z-index:100;background-color:var(--bg-primary);border-radius:50%;justify-self:center;align-items:center;margin:auto;padding:.6rem;display:flex;position:fixed;bottom:1svh;right:1svw}.theme-icon{width:fit-content;margin:auto}.light-theme .theme-icon{color:var(--sizzling-sunrise)}.project-list{flex-direction:column;gap:2em;width:90svw;min-height:100svh;margin:auto;padding:1em 0;display:flex}.project-list-container{flex-direction:column;gap:2em;width:clamp(350px,90svw,1200px);margin:0 auto;display:flex}.project-list-tabs{align-items:center;gap:20px;width:100%;max-width:300px;display:flex}.project-list-tab{background-color:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:.4rem 1rem;display:inline-block}.project-list-tab:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.project-list-tab.active{color:var(--bg-primary);background-color:var(--text-primary);border:1px solid var(--text-tertiary);box-shadow:0 0 10px}.project-list-grid{grid-template-columns:repeat(auto-fit,minmax(300px,500px));gap:1em;display:grid}