.displacement-sphere{bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition-duration:3s;transition-property:opacity;transition-timing-function:"cubic-bezier(0.4, 0.0, 0.2, 1)";width:100vw;z-index:-1}.displacement-sphere--entered,.displacement-sphere--entering{opacity:1}nav{display:flex;flex-direction:row-reverse;left:-6.5rem;position:fixed;top:15%;transform:rotate(-90deg) translate3d(-50%,0,0)}nav a{color:#575757}nav a,nav a:hover{margin-right:20px;text-decoration:none}nav a.active,nav a:hover{color:#ec704c}.works-header{margin-bottom:5rem;padding:0 1rem;text-align:center}.works-title{color:var(--color-text);font-size:2.5rem;font-weight:300;margin-bottom:1rem}.works-subtitle{color:var(--color-text);font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.7}.projects-container{display:flex;flex-direction:column;gap:6rem;padding:0 2rem}.project-card-horizontal{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1.2fr 1fr;padding:3rem 0;position:relative}.project-card-horizontal.reverse{grid-template-columns:1fr 1.2fr}.project-card-horizontal.reverse .project-media-laptop{order:2}.project-card-horizontal.reverse .project-content-horizontal{order:1}.project-media-laptop{margin:0 auto;max-width:800px;perspective:1000px;width:100%}.laptop-frame{position:relative;transform-style:preserve-3d;transition:transform .5s ease;width:100%}@media (hover:hover){.project-card-horizontal:hover .laptop-frame:not(.video-playing){transform:rotateY(-5deg) rotateX(5deg)}.project-card-horizontal.reverse:hover .laptop-frame:not(.video-playing){transform:rotateY(5deg) rotateX(5deg)}}.laptop-screen{background:#1a1a1a;border:8px solid #2a2a2a;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 0 0 2px #1a1a1a,0 10px 40px #0006;overflow:hidden;padding-bottom:62.5%;position:relative;width:100%}.laptop-screen:before{background:linear-gradient(135deg,#ffffff1a,#fff0 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.laptop-screen.video-playing:before{display:none}.laptop-bottom{background:linear-gradient(180deg,#3a3a3a 0,#2a2a2a);border-radius:0 0 12px 12px;box-shadow:0 3px 8px #0000004d,inset 0 1px 0 #ffffff1a;height:15px;margin-left:-5%;position:relative;width:110%}.laptop-bottom:before{background:linear-gradient(180deg,#2a2a2a 0,#1a1a1a);border-radius:0 0 8px 8px;bottom:-8px;content:"";height:8px;width:60%}.laptop-bottom-inner,.laptop-bottom:before{left:50%;position:absolute;transform:translateX(-50%)}.laptop-bottom-inner{background:#1a1a1a;border-radius:2px;bottom:3px;height:4px;width:20%}.project-thumbnail-wrapper{background:#000;cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.project-thumbnail{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-thumbnail-wrapper:hover .project-thumbnail{transform:scale(1.02)}.play-overlay{align-items:center;background:#0000004d;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:all .3s ease;width:100%}.project-thumbnail-wrapper:hover .play-overlay{background:#0000008c}.play-button{align-items:center;background:#42bcbcf2;border-radius:50%;box-shadow:0 4px 20px #42bcbc80;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.play-button i{color:#fff;font-size:2rem;margin-left:5px}.project-thumbnail-wrapper:hover .play-button{background:#42bcbc;box-shadow:0 6px 30px #42bcbcb3;transform:scale(1.1)}.play-text{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 8px #00000080}.project-video{border:none;object-fit:cover;z-index:4}.project-video,.video-player-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.video-navigation{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-radius:25px;bottom:auto;box-shadow:0 4px 15px #0000004d;display:flex;gap:1rem;left:50%;padding:.5rem 1rem;position:absolute;top:15px;transform:translateX(-50%);z-index:10}.video-nav-btn{align-items:center;background:#42bcbce6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.video-nav-btn:hover{background:#42bcbc;transform:scale(1.1)}.video-counter,.video-nav-btn i{font-size:.9rem}.video-counter{color:#fff;font-weight:500;min-width:50px;text-align:center}.video-count-badge{background:#42bcbce6;border-radius:15px;color:#fff;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.3rem .8rem}.project-content-horizontal{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.project-header{display:flex;flex-direction:column;gap:.8rem}.project-title{color:var(--color-text);font-size:2rem;font-weight:500;line-height:1.2;margin:0}.project-year{background:#42bcbc26;border:1px solid #42bcbc4d;border-radius:20px;color:var(--primary);display:inline-block;font-size:.95rem;font-weight:500;padding:.5rem 1.2rem;width:-webkit-fit-content;width:fit-content}.project-description{color:var(--color-text);font-size:1rem;line-height:1.8;margin:0;opacity:.85}.project-actions{display:flex;gap:1rem;margin-top:1rem}.action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.6rem;outline:none;padding:.85rem 2rem;transition:all .3s ease}.action-button.primary{background:var(--primary);box-shadow:0 4px 15px #42bcbc4d;color:#fff}.action-button.primary.light-mode{color:#000}.action-button.primary:hover{background:#42bcbce6;box-shadow:0 6px 20px #42bcbc66;transform:translateY(-2px)}.action-button i{font-size:1.2rem}@media (max-width:1200px){.project-card-horizontal{gap:3rem}.project-card-horizontal,.project-card-horizontal.reverse{grid-template-columns:1fr}.project-card-horizontal.reverse .project-content-horizontal,.project-card-horizontal.reverse .project-media-laptop{order:0}.project-media-laptop{max-width:700px}.project-title{font-size:1.8rem}}@media (max-width:768px){.works-header{margin-bottom:3rem}.works-title{font-size:2rem}.works-subtitle{font-size:1rem}.projects-container{gap:4rem;padding:0 1rem}.project-card-horizontal{gap:2rem;padding:2rem 0}.project-content-horizontal{padding:0}.project-title{font-size:1.5rem}.project-description{font-size:.95rem;line-height:1.7}.play-button{height:70px;width:70px}.play-button i{font-size:1.7rem}.play-text{font-size:1rem}.laptop-screen{border-width:6px}.video-navigation{gap:.6rem;padding:.3rem .6rem;top:10px}.video-nav-btn{height:30px;width:30px}.video-counter,.video-nav-btn i{font-size:.8rem}.video-counter{min-width:40px}}@media (max-width:480px){.works-title{font-size:1.8rem}.projects-container{gap:3rem}.project-title{font-size:1.3rem}.project-description{font-size:.9rem}.action-button{justify-content:center;padding:.8rem 1.5rem;width:100%}.play-button{height:60px;width:60px}.play-button i{font-size:1.5rem}.laptop-bottom:before{height:6px}.video-navigation{gap:.5rem;padding:.25rem .5rem;top:8px}.video-nav-btn{height:28px;width:28px}.video-counter,.video-nav-btn i{font-size:.75rem}.video-counter{min-width:35px}}.certificate-card{background:#42bcbc0a;border:1px solid #42bcbc33;border-radius:20px;box-shadow:0 10px 30px #0000001f;padding:3rem 2.5rem;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.certificate-card:hover{border-color:#42bcbc66;box-shadow:0 15px 40px #42bcbc1f}.cert-tags-row{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.cert-tag{align-items:center;background:#42bcbc26;border:1px solid #42bcbc4d;border-radius:20px;color:#42bcbc;color:var(--primary,#42bcbc);display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.45rem 1.1rem}.cert-tag.org-tag{background:#ec704c26;border-color:#ec704c4d;color:#ec704c}.cert-frame-wrapper{margin:0 auto;max-width:680px;perspective:1000px;position:relative;width:100%}.cert-frame{background:#181818;border:3px solid #42bcbc66;border-radius:14px;box-shadow:0 12px 35px #00000059,0 0 25px #42bcbc26;cursor:pointer;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .4s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.cert-frame:hover{border-color:#42bcbcd9;box-shadow:0 20px 45px #00000073,0 0 35px #42bcbc4d;transform:rotateY(4deg) rotateX(3deg) translateY(-4px)}.cert-image{display:block;height:auto;object-fit:cover;transition:transform .4s ease;width:100%}.cert-frame:hover .cert-image{transform:scale(1.02)}.cert-badge-floating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111111e0;border:1px solid #42bcbc73;border-radius:20px;box-shadow:0 4px 12px #0006;color:#42bcbc;color:var(--primary,#42bcbc);font-size:.82rem;font-weight:600;gap:.45rem;left:14px;padding:.4rem .95rem;top:14px;z-index:2}.cert-badge-floating,.cert-overlay{align-items:center;display:flex;position:absolute}.cert-overlay{background:#0000008c;flex-direction:column;gap:.8rem;height:100%;justify-content:center;left:0;opacity:0;top:0;transition:opacity .3s ease;width:100%;z-index:3}.cert-frame:hover .cert-overlay{opacity:1}.cert-zoom-btn{align-items:center;background:#42bcbc;background:var(--primary,#42bcbc);border-radius:50%;box-shadow:0 4px 20px #42bcbc99;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;transform:scale(.9);transition:transform .3s ease;width:60px}.cert-frame:hover .cert-zoom-btn{transform:scale(1)}.cert-overlay-text{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;text-shadow:0 2px 8px #000000b3}.certificate-description{display:flex;flex-direction:column;gap:1.1rem}.certificate-description p{font-size:1rem;line-height:1.8;margin:0}.certificate-description a{border-bottom:1px dashed #42bcbc99;color:#42bcbc;color:var(--primary,#42bcbc);font-weight:600;text-decoration:none;transition:all .2s ease}.certificate-description a:hover{border-bottom-color:#ec704c;border-bottom-style:solid;color:#ec704c}.cert-quote{background:#42bcbc0a;border-left:3px solid #42bcbc;border-left:3px solid var(--primary,#42bcbc);border-radius:0 8px 8px 0;font-style:italic;margin-top:.5rem!important;opacity:.95;padding-bottom:.5rem;padding-left:1.2rem;padding-top:.5rem}.secondary-btn{align-items:center;background:#0000;border:1px solid #42bcbc80;border-radius:10px;color:inherit;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.6rem;padding:.85rem 1.8rem;text-decoration:none;transition:all .3s ease}.secondary-btn:hover{background:#42bcbc26;border-color:#42bcbc;border-color:var(--primary,#42bcbc);color:#42bcbc;color:var(--primary,#42bcbc);transform:translateY(-2px)}.cert-modal-backdrop{align-items:center;animation:certModalFadeIn .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999}@keyframes certModalFadeIn{0%{opacity:0}to{opacity:1}}.cert-modal-dialog{animation:certModalScaleUp .25s ease;background:#181818;border:1px solid #42bcbc4d;border-radius:16px;box-shadow:0 20px 60px #000000b3,0 0 30px #42bcbc33;display:flex;flex-direction:column;max-height:92vh;max-width:960px;overflow:hidden;position:relative;width:100%}@keyframes certModalScaleUp{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.cert-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:38px;justify-content:center;position:absolute;right:1.2rem;top:1rem;transition:all .2s ease;width:38px;z-index:10}.cert-modal-close:hover{background:#ec704ce6;color:#fff;transform:rotate(90deg)}.cert-modal-header{border-bottom:1px solid #ffffff1a;padding:1.5rem 2rem 1rem}.cert-modal-title{align-items:center;color:#fff;display:flex;font-size:1.35rem;font-weight:500;gap:.6rem;margin:0 0 .4rem}.cert-modal-title i{color:#42bcbc;color:var(--primary,#42bcbc)}.cert-modal-subtitle{color:#ffffffa6;font-size:.9rem;margin:0}.cert-modal-body{align-items:center;background:#0d0d0d;display:flex;justify-content:center;overflow-y:auto;padding:1.5rem}.cert-modal-image{border-radius:8px;box-shadow:0 8px 30px #0009;max-height:65vh;max-width:100%;object-fit:contain}.cert-modal-footer{align-items:center;background:#141414;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 2rem}.cert-recipient-name{color:#ffffffd9;font-size:.95rem}.cert-recipient-name strong{color:#42bcbc;color:var(--primary,#42bcbc)}.cert-open-btn{color:#fff!important;font-size:.9rem;padding:.6rem 1.4rem;text-decoration:none}@media (max-width:768px){.certificate-card{padding:2rem 1.2rem!important}.cert-modal-dialog{max-height:96vh}.cert-modal-header{padding:1.2rem 1.2rem .8rem}.cert-modal-title{font-size:1.1rem}.cert-modal-body{padding:1rem .5rem}.cert-modal-footer{align-items:stretch;flex-direction:column;gap:.8rem;padding:.8rem 1.2rem;text-align:center}.cert-open-btn{justify-content:center}}.about{align-items:center;display:flex;flex-direction:row;margin-left:7rem;margin-right:7rem;width:80%}.heading{font-size:1.3rem;width:30%}._img{border:1px solid #ffffff82;border-radius:16px;box-shadow:0 4px 30px #0000001a;height:24em;margin:10em;width:40em}._img-modern{align-items:center;display:flex;justify-content:center;margin:0 auto 2rem;max-width:500px;position:relative;width:100%}.profile-image-wrapper{overflow:visible;padding-bottom:100%;position:relative;width:100%}.profile-image{border:3px solid #0ff6;border-radius:20px;box-shadow:0 20px 60px #00ffff40,0 10px 30px #0000004d;height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.profile-image:hover{border-color:#0ff9;box-shadow:0 30px 80px #00ffff59,0 15px 40px #0006;transform:translateY(-8px) scale(1.02)}.image-border{border:3px solid #00ffff80;border-radius:20px;bottom:-20px;left:20px;position:absolute;right:-20px;top:20px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.profile-image-wrapper:hover .image-border{border-color:#00ffffb3;bottom:-25px;left:25px;right:-25px;top:25px}._content_wrapper{max-width:700px;width:100%}.greeting-title{color:#0ff;font-size:2.5rem!important;font-weight:600!important;margin-bottom:1.5rem!important}.aboutme{font-size:1.2rem;line-height:1.9;margin-bottom:2rem;max-width:100%;text-align:justify}.contact-btn{align-items:center;border-radius:8px;color:#464646;display:inline-flex;font-size:1.1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.contact-btn,.contact-btn:hover{margin-right:20px;text-decoration:none}.contact-btn:hover{background-color:#ec704c;transform:translateY(-2px)}@media (max-width:1024px){.about{margin-left:3rem;margin-right:3rem}._img{height:21em;margin:2em;width:35em}._img-modern{max-width:400px}._content_wrapper{width:40%}.aboutme{font-size:1.1rem}}@media (max-width:768px){.about{flex-direction:column;margin-left:4em;margin-right:4em}._img{height:14em;width:18em}._img-modern{max-width:350px}._content_wrapper{width:100%}.aboutme{font-size:1.05rem}.image-border{bottom:-15px;left:15px;right:-15px;top:15px}.profile-image-wrapper:hover .image-border{bottom:-18px;left:18px;right:-18px;top:18px}}@media (min-width:769px){.about{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}._img-modern{margin:0}}.skills-section{background:var(--background);padding:4em 0}.skills-container{margin:0 auto;max-width:1200px;padding:0 2em}.skills-title{color:var(--color-text);font-size:2.5rem;font-weight:300;margin-bottom:3em;text-align:center}.skills-grid{grid-gap:2.5em;display:grid;gap:2.5em;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2em}.skill-category{background:var(--background-secondary);border:1px solid #42bcbc1a;border-radius:12px;padding:2em;transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{box-shadow:0 10px 30px #42bcbc33;transform:translateY(-5px)}.skill-category-title{align-items:center;color:var(--primary);display:flex;font-size:1.3rem;font-weight:500;gap:.5em;margin-bottom:1.2em}.skill-category-icon{font-size:1.5rem}.skills-list{display:flex;flex-wrap:wrap;gap:.8em}.skill-item{align-items:center;background:var(--background);border:1px solid #42bcbc33;border-radius:20px;color:var(--color-text);display:flex;font-size:.9rem;gap:.5em;padding:.6em 1.2em;transition:all .3s ease}.skill-item:hover{background:#42bcbc1a;border-color:var(--primary);transform:scale(1.05)}.skill-icon{color:var(--primary);font-size:1.2rem}.tech-stack-section{background:var(--background-secondary);border-radius:12px;margin-top:4em;padding:3em 2em}.tech-stack-title{color:var(--color-text);font-size:2rem;margin-bottom:2em;text-align:center}.tech-icons-grid{grid-gap:2em;align-items:center;display:grid;gap:2em;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));justify-items:center}.tech-icon-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:.5em;transition:transform .3s ease}.tech-icon-item:hover{transform:translateY(-10px)}.tech-icon-image{color:var(--primary);font-size:3rem;transition:color .3s ease}.tech-icon-item:hover .tech-icon-image{color:var(--secondary)}.tech-icon-name{color:var(--color-text);font-size:.85rem;text-align:center}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skills-title{font-size:2rem}.tech-icons-grid{gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.tech-icon-image{font-size:2.5rem}}*{border:0;box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;outline:0;padding:0}::selection{background:#00bfbf;color:#fafafa;text-shadow:none}::-webkit-scrollbar{background:#0000;width:0}html{font-size:16px;overflow:scroll;overflow-x:hidden;scroll-behavior:smooth}body{transition:all .5s ease}p{-webkit-margin-before:.5em;-webkit-margin-after:.5em;margin-block-end:.5em;margin-block-start:.5em}
/*# sourceMappingURL=main.22da94e7.css.map*/