*{box-sizing:border-box;margin:0;padding:0}:root{--main-color:#121212;--second-color:#2420f1;--third-color:#b2f120;--fourth-color:#f9f917;--fifth-color:#f5f5f5;--background-color:#fff;--text-color:#121212;--font-primary:"Comic Neue", cursive;--font-secondary:"Bowlby One", sans-serif;--h1-font:48px;--h2-font:36px;--h3-font:24px;--p-font:16px}html{scroll-behavior:smooth}body,button,input,select,textarea{font-family:var(--font-primary);font-size:var(--p-font);background-color:var(--background-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:700}main{flex-direction:column;gap:60px;margin-bottom:24px;display:flex}.container{flex-direction:column;gap:60px;width:min(100% - 32px,1200px);margin-block:24px;margin-inline:auto;display:flex}h1,h2,h3{font-family:var(--font-secondary);font-weight:400}h1{font-size:var(--h1-font)}h2{font-size:var(--h2-font)}h3{font-size:var(--h3-font)}a{color:var(--text-color);text-decoration:none}nav{margin-inline:auto}.nav-bar,.bottom-nav-bar{align-items:center;gap:24px;width:fit-content;list-style:none;display:flex}.nav-bar a,.bottom-nav-bar a{font-size:var(--p-font);transition:color .3s,transform .3s;display:inline-block}.nav-bar a:hover,.bottom-nav-bar a:hover{color:var(--second-color)}.fade-section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.fade-section.visible{opacity:1;transform:translateY(0)}.hero.fade-section{transition-delay:.1s}.hero{flex-direction:column;gap:20px;display:flex}.hero-content{justify-content:space-between;align-items:center;display:flex}.hero-img{width:100%;max-width:300px;height:auto}.hero-text{text-align:center;flex-direction:column;gap:40px;display:flex;position:relative}.hero-text-wrapper p{width:100%;max-width:500px;position:relative}.hi{width:100%;max-width:48px;position:absolute;left:0;transform:translate(104px,-16px)}.flower{width:100%;max-width:88px;position:absolute;right:0;transform:translate(-40px,-124px)}h1 span,h2 span,h3 span{color:var(--second-color)}.social-links{justify-content:center;gap:8px;display:flex}.social-links a{border:1px solid var(--main-color);border-radius:24px;padding:8px 16px}.scroll{justify-content:end;align-items:center;gap:8px;display:flex}.power{background-color:var(--fifth-color);border:1px solid var(--main-color);border-radius:24px;flex-direction:column;gap:40px;padding-top:60px;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.power h2{text-align:center}.power-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.power-img-left{width:100%;max-width:180px;position:absolute;left:0;transform:translate(20%,-20%)}.power-img-right{width:100%;max-width:200px;position:absolute;bottom:0;right:0;transform:translateY(40%)}.power-content{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.power-card{background-color:var(--background-color);border:1px solid var(--main-color);border-radius:24px;flex-direction:column;gap:16px;max-width:156px;height:140px;padding:16px;display:flex;position:relative}.card-img{max-width:80px;position:absolute;bottom:0;right:0;transform:translate(10px,44px)}.work{flex-direction:column;gap:60px;display:flex}.project-wrapper{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.project-type{align-items:center;gap:8px;padding-inline:16px;display:flex}.disc-blue{background-color:var(--second-color);border-radius:50%;width:10px;height:10px}.disc-green{background-color:var(--third-color);border-radius:50%;width:10px;height:10px}.project{color:var(--text-color);background-color:var(--fifth-color);border:1px solid var(--main-color);border-radius:24px;flex-direction:column;gap:40px;width:540px;padding:20px;text-decoration:none;display:flex;position:relative}.foodies{position:absolute;top:0;right:0;transform:translate(100px,-40px)}.todomate{position:absolute;top:0;right:0;transform:translate(32px,-40px)}.green-star{position:absolute;top:0;right:30%;transform:translateY(-40px)}.yellow-star{position:absolute;bottom:0;left:0;transform:translate(-20px,36px)}.skill{flex-direction:column;align-items:center;gap:60px;display:flex}.toggle-pill{background:var(--fifth-color);border:1px solid var(--main-color);border-radius:24px;align-items:center;padding:4px;display:flex;position:relative}.toggle-slider{background:var(--background-color);border:1px solid var(--main-color);z-index:0;border-radius:24px;height:calc(100% - 8px);transition:transform .3s,width .3s;position:absolute;top:4px;left:4px}.toggle-btn{cursor:pointer;color:var(--main-color);z-index:1;background:0 0;border:none;border-radius:24px;padding:8px 16px;position:relative}.fade-in{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.fade-in.visible{opacity:1;transform:translateY(0)}.tech-grid{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.chip{border:1px solid var(--main-color);border-radius:24px;padding:10px 20px;font-size:14px}.tech,.cert{flex-direction:column;align-items:center;gap:4px;display:flex}.cert{color:var(--text-color);cursor:pointer;text-decoration:none}.cert-grid{grid-template-columns:repeat(3,1fr);gap:60px;display:grid}.cert-img{width:182px;height:auto}.about{flex-direction:column;gap:60px;display:flex}.about-content{flex-wrap:wrap;justify-content:center;align-items:center;gap:60px;display:flex}.about-content p{text-align:center;max-width:520px}.about-desc{flex-direction:column;gap:20px;display:flex}.contact{margin-top:60px}.contact-img{position:absolute;top:0;left:0;transform:translate(-40px,-40px)}.contact-header{background-color:var(--second-color);border:1px solid var(--main-color);border-radius:24px;flex-direction:column;justify-content:end;align-items:center;gap:60px;height:450px;padding-top:60px;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.contact-subtext{font-size:var(--h3-font);color:var(--background-color);transition:color .3s}.contact-headline{color:var(--background-color);font-size:100px;font-family:var(--font-secondary);transition:color .3s}.contact-header:hover{background-color:var(--fifth-color)}.contact-header:hover .contact-subtext,.contact-header:hover .contact-headline{color:var(--second-color)}.contact-info{justify-content:center;gap:16px;display:flex}.contact-item,.prev,.next{background-color:var(--fifth-color);border:1px solid var(--main-color);box-sizing:border-box;transform-origin:top;border-top:none;border-radius:0 0 24px 24px;padding:24px;transition:all .3s}.contact-item:hover,.prev:hover,.next:hover{color:var(--background-color);background-color:var(--main-color);transform:scaleY(1.1)}.footer{justify-content:space-between;align-items:center;display:flex}.footer p{font-size:12px}.footer-project{text-align:center;font-size:12px}.back{font-size:var(--p-font);gap:8px;display:flex}.project-container,.mockup-container{flex-direction:column;gap:20px;display:flex}.mockup{border-radius:24px;width:100%;max-width:420px;height:auto}.project-section{border:1px solid var(--fifth-color);border-radius:24px;flex-direction:column;gap:16px;padding:24px;display:flex}.project-section p{text-align:justify}.section-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:20px;display:flex}.section-wrapper2{flex-direction:column;gap:20px;max-width:700px;display:flex}.key-features{flex-wrap:wrap;gap:16px;display:flex}.flower-list{width:100%;max-width:20px;height:auto}.gallery{flex-direction:column;gap:16px;display:flex}.gallery-main{align-items:center;display:flex;position:relative}.gallery-active{border-radius:12px;width:100%}.gallery-btn{background:var(--main-color);color:var(--background-color);cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex;position:absolute}.gallery-btn.left{left:12px}.gallery-btn.right{right:12px}.gallery-thumbs{gap:8px;display:flex;overflow-x:auto}.gallery-thumb{object-fit:cover;cursor:pointer;opacity:.5;border:2px solid #0000;border-radius:8px;width:80px;height:60px}.gallery-thumb.active{opacity:1;border:2px solid var(--main-color)}.project-nav-title{background-color:var(--fifth-color);border:1px solid var(--main-color);text-align:center;color:#ff9f0d;border-radius:24px;padding:60px}.prev-next{justify-content:center;gap:60px;display:flex}.design-system{flex-wrap:wrap;justify-content:space-between;gap:60px;display:flex}.process,.task-flow,.color,.typography{width:100%;height:auto}.typography,.color{flex-direction:column;gap:24px;display:flex}@media (width<=1024px){.hero-text p{max-width:350px}.hero-text-wrapper h1{font-size:var(--h2-font)}.hero-img{max-width:180px}.hi{max-width:40px;left:0;transform:translate(20px,-12px)}.flower{max-width:60px;top:0;right:0;transform:translate(24px,24px)}.power-img-left{display:none}.power-img-right{z-index:1;max-width:100px;transform:translateY(80%)}.power-content{z-index:2}.green-star{width:60px;transform:translateY(-36px)}.yellow-star{width:60px;transform:translate(-20px,30px)}.foodies{width:300px;transform:translate(60px,-40px)}.todomate{width:260px}.contact-headline{font-size:96px}}@media (width<=767px){.hero-content{flex-direction:column}.hero-img,.power-img-left{display:none}.hi{max-width:36px;left:0;transform:translate(26px,-12px)}.flower{max-width:56px;top:0;right:0;transform:translate(8px,28px)}.hero-text p{max-width:350px}.hero-text-wrapper h1{font-size:var(--h2-font)}.power h2,.work h2,.skill h2,.about h2{font-size:var(--h3-font)}.power-img-right{z-index:1;max-width:100px;transform:translateY(80%)}.power-content{z-index:2;justify-content:center;gap:44px 16px}.green-star{width:60px;transform:translate(-36px,-36px)}.yellow-star{width:60px;transform:translate(-20px,30px)}.project h3{width:200px;font-size:16px}.foodies{width:240px;transform:translateY(-5%)}.todomate{width:200px;transform:translateY(-10%)}.cert-grid{gap:20px}.cert-img{width:120px}.about-img{width:400px}.contact-img{width:200px}.contact-headline{font-size:var(--h2-font)}.contact-item,.prev,.next{border-radius:0 0 16px 16px;padding:12px;font-size:12px}.bottom-nav-bar{gap:12px}.bottom-nav-bar a{font-size:12px}.footer p{font-size:8px}}@media (width<=390px){.power-card{max-width:148px}.project h3{width:200px}.cert-img{width:100px}.about-img{width:350px}.contact-info{gap:8px}.contact-headline{font-size:var(--h2-font)}}.glightbox-container{-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;backface-visibility:hidden;outline:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;z-index:999999!important}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{z-index:9999;width:100%;height:100%;position:relative;overflow:hidden}.glightbox-container .gslider{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .4s;position:relative;top:0;left:0;overflow:hidden;transform:translate(0,0);display:flex!important}.glightbox-container .gslide{-webkit-user-select:none;user-select:none;opacity:0;justify-content:center;align-items:center;width:100%;display:flex;position:absolute}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{flex-direction:column;justify-content:center;width:100%;max-width:100%;height:100vh;margin:auto;display:flex;position:relative}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto;border:none;min-height:165px;outline:none!important}.gslide:not(.current){pointer-events:none}.gslide-image{align-items:center}.gslide-image img{float:none;-webkit-user-select:none;user-select:none;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;border:none;outline:none;width:auto;min-width:200px;max-width:100vw;height:auto;max-height:100vh;margin:auto;padding:0;display:block}.desc-top .gslide-image img,.desc-bottom .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{transition:none;cursor:-webkit-grabbing!important;cursor:grabbing!important}.gslide-video{max-width:100vh;position:relative;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video:before{content:"";background:#ff000057;width:100%;height:100%;display:none;position:absolute}.gslide-video.playing:before{display:none}.gslide-video.fullscreen{min-width:100%;height:75vh;max-width:100%!important}.gslide-video.fullscreen video{width:100%!important;max-width:100%!important}.gslide-inline{text-align:left;background:#fff;max-width:100%;max-height:calc(100vh - 40px);margin:auto;overflow:auto}.gslide-inline .ginlined-content{width:100%;padding:20px}.gslide-inline .dragging{transition:none;cursor:-webkit-grabbing!important;cursor:grabbing!important}.ginlined-content{opacity:1;overflow:auto;display:block!important}.gslide-external{background:#fff;width:100%;min-width:100%;height:100%;max-height:75vh;padding:0;display:flex;overflow:auto}.gslide-media{width:auto;display:flex}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-top .gslide-media,.desc-bottom .gslide-media{flex-direction:column;margin:0 auto}.gslide-description{flex:1 0 100%;position:relative}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{width:100%;margin:0 auto}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description,.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{background:linear-gradient(#0000 0%,#000000bf 100%);width:100%;max-height:78vh;padding:19px 11px 50px;transition:opacity .3s linear;position:absolute;bottom:0;order:2!important;max-width:100vw!important;height:auto!important;overflow:auto!important}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{opacity:.4;transition:opacity .5s}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{opacity:1;transition:opacity .5s}.greset{transition:all .3s}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{z-index:9999;border:2px solid #fff;border-right-color:#0000;border-radius:50%;width:25px;height:25px;margin:0 auto;animation:.8s linear infinite lightboxLoader;display:block;position:absolute;top:47%;left:0;right:0}.goverlay{will-change:opacity;background:#000;width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0}.glightbox-mobile .goverlay{background:#000}.gprev,.gnext,.gclose{z-index:99999;cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;width:26px;height:44px;display:flex}.gprev svg,.gnext svg,.gclose svg{width:25px;height:auto;margin:0;padding:0;display:block}.gprev.disabled,.gnext.disabled,.gclose.disabled{opacity:.1}.gprev .garrow,.gnext .garrow,.gclose .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gnext,.glightbox-closing .gprev,.glightbox-closing .gclose{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{color:#000;margin-bottom:19px;font-family:arial;font-size:1em;font-weight:400;line-height:1.4em}.glightbox-clean .gslide-desc{margin-bottom:0;font-family:arial;font-size:.86em;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background-color:#000000bf;border-radius:4px}.glightbox-clean .gprev path,.glightbox-clean .gnext path,.glightbox-clean .gclose path{fill:#fff}.glightbox-clean .gprev{width:40px;height:50px;position:absolute;top:-100%;left:30px}.glightbox-clean .gnext{width:40px;height:50px;position:absolute;top:-100%;right:30px}.glightbox-clean .gclose{width:35px;height:35px;position:absolute;top:15px;right:10px}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{animation:.5s gfadeIn}.gfadeOut{animation:.5s gfadeOut}.gslideOutLeft{animation:.3s gslideOutLeft}.gslideInLeft{animation:.3s gslideInLeft}.gslideOutRight{animation:.3s gslideOutRight}.gslideInRight{animation:.3s gslideInRight}.gzoomIn{animation:.5s gzoomIn}.gzoomOut{animation:.5s gzoomOut}@keyframes lightboxLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gfadeIn{0%{opacity:0}to{opacity:1}}@keyframes gfadeOut{0%{opacity:1}to{opacity:0}}@keyframes gslideInLeft{0%{opacity:0;transform:translate(-60%)}to{visibility:visible;opacity:1;transform:translate(0,0)}}@keyframes gslideOutLeft{0%{opacity:1;visibility:visible;transform:translate(0,0)}to{opacity:0;visibility:hidden;transform:translate(-60%)}}@keyframes gslideInRight{0%{opacity:0;visibility:visible;transform:translate(60%)}to{opacity:1;transform:translate(0,0)}}@keyframes gslideOutRight{0%{opacity:1;visibility:visible;transform:translate(0,0)}to{opacity:0;transform:translate(60%)}}@keyframes gzoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (width>=769px){.glightbox-container .ginner-container{flex-direction:row;width:auto;height:auto}.glightbox-container .ginner-container.desc-top .gslide-description{order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{order:1}.glightbox-container .ginner-container.desc-left .gslide-description{order:0}.glightbox-container .ginner-container.desc-left .gslide-image{order:1}.gslide-image img{max-width:100%;max-height:97vh}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:#000000eb}.glightbox-clean .gslide-media{box-shadow:1px 2px 9px #000000a6}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{height:100%;position:absolute;overflow-y:auto}.glightbox-clean .gprev,.glightbox-clean .gnext,.glightbox-clean .gclose{background-color:#00000052}.glightbox-clean .gprev:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gclose:hover{background-color:#000000b3}.glightbox-clean .gprev,.glightbox-clean .gnext{top:45%}}@media (width>=992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (height<=420px){.goverlay{background:#000}}