.App{min-height:100vh;position:relative;overflow:hidden}.background-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:-1}.background-video{position:absolute;top:50%;left:50%;width:100vw;height:100vh;object-fit:cover;opacity:.3;will-change:transform;transform-origin:center center;transform:translate(-50%,-50%)}.content-overlay{position:relative;z-index:1;min-height:100vh}.contact-section{padding:60px 20px}.contact-card{max-width:760px;margin:0 auto;background:rgba(255,255,255,.04);border-radius:8px;padding:28px;box-shadow:0 6px 24px #00000059}.contact-card h2{margin:0 0 12px}.contact-form label{display:block;margin:12px 0;font-size:14px;display:flex;flex-direction:column}.contact-form label span{width:140px;align-self:flex-start;text-align:left}.contact-form input,.contact-form textarea,.contact-form select{flex:1;padding:8px 10px;margin-top:6px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.3);color:#fff}.contact-actions{margin-top:14px;display:flex;gap:12px;align-items:center;justify-content:flex-end}.btn-primary{background:linear-gradient(90deg,#4f46e5,#06b6d4);color:#fff;padding:8px 14px;border-radius:6px;border:none;cursor:pointer}.contact-status{font-size:14px}.contact-status.success{color:#86efac}.contact-status.error{color:#fca5a5}body{display:flex;flex-direction:column;padding:1em;background-color:#000;color:#f0f8ff;font-family:Oswald,sans-serif;cursor:default;overflow-x:hidden}a{color:#8a2be2;cursor:pointer}i{font-size:2rem;transition:color .5s ease-in-out}i:hover{color:#f0f8ff}.pf-name{font-size:10vw;align-self:center;font-family:Dancing Script,cursive;text-align:center}.pf-motto{background-color:#8a2be233;padding:.2rem 1rem;width:fit-content;border-radius:1rem;align-self:center;font-size:1rem;text-align:center;margin:0 auto;display:block}.pf-motto-mobile{display:none}.pf-motto-desktop{display:block}.pf-description{align-self:center;text-align:center;margin:1em;padding:.5em;font-family:monospace;font-size:1.2em}.pf-social{align-self:center;display:flex;align-content:center;justify-content:center;padding-bottom:.8em;flex-wrap:wrap;gap:.5em}.pf-social-pic{align-self:center;display:flex;align-content:center;justify-content:center;padding:.8em;flex-wrap:wrap}.pf-social-pic>img{width:150px;height:auto;border-radius:50%;box-shadow:inset 0 -3em 3em #8a2be24d;filter:brightness(.6) contrast(1.4)}.pf-social-button{padding:.3em .4em}.pf-services{display:flex;flex-direction:column;align-items:center;margin:2em 1em;position:relative}.pf-services-content{display:flex;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;gap:1em;width:100%}.pf-services-item{text-align:center;display:flex;flex-direction:column;width:25vw;min-width:280px;gap:.6em;padding:.8em}.pf-services-item:hover{background-color:#8a2be21a;box-shadow:0 0 2em #8a2be24d;border-radius:1em;transition:all .3s ease-in-out}.pf-services-item-title{background-color:#8a2be2;align-self:center;padding:.5em;border-radius:1.5em;margin-left:.5em;margin-right:.5em}.pf-footer{align-items:center;display:flex;align-content:center;justify-content:center}.pf-experience{display:flex;flex-direction:column;align-items:center;margin:2em 0;position:relative;width:100%}.pf-experience-title{font-size:2.5em;margin-bottom:1em;background-color:#8a2be233;padding:.5rem 1.5rem;border-radius:1rem;font-family:monospace}.pf-services-title{font-size:2.5em;margin-bottom:1em;background-color:#8a2be233;padding:.5rem 1.5rem;border-radius:1rem;font-family:monospace;align-self:center}.pf-timeline{position:relative;max-width:100%;width:100%;margin-bottom:3em}.pf-timeline:before{content:"";position:absolute;top:85px;left:0;right:0;height:3px;background:linear-gradient(to right,blueviolet,rgba(138,43,226,.3))}.pf-timeline-items{display:flex;justify-content:space-between;align-items:flex-start;position:relative;padding:0 1em;margin-bottom:20px}.pf-timeline-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease-in-out;flex:1;max-width:200px}.pf-timeline-item.active .pf-timeline-dot{background-color:#8a2be2;box-shadow:0 0 20px #8a2be2cc;transform:scale(1.3)}.pf-timeline-item.active .pf-timeline-year{color:#8a2be2;font-weight:700}.pf-timeline-item .pf-timeline-company{font-size:.8em;color:#add8e6e6;text-align:center;margin-bottom:.5em;height:2.5em;display:flex;align-items:center;justify-content:center;line-height:1.2;font-weight:500}.pf-timeline-item.active .pf-timeline-company{color:#8a2be2;font-weight:600}.pf-timeline-dot{width:20px;height:20px;background-color:#8a2be280;border-radius:50%;border:3px solid black;transition:all .3s ease-in-out;position:relative;z-index:2}.pf-timeline-year{margin-top:1em;font-size:.9em;color:#add8e6cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;padding:0 .5em;transition:all .3s ease-in-out}.pf-timeline-details{background-color:#8a2be21a;padding:2em;border-radius:1em;border:1px solid rgba(138,43,226,.3);transition:all .5s ease-in-out;display:none;opacity:0;transform:translateY(20px)}.pf-timeline-details.active{opacity:1;display:block;transform:translateY(0)}.pf-timeline-company{font-size:1.4em;font-weight:700;color:#8a2be2;margin-bottom:.5em}.pf-timeline-position{font-size:1.2em;font-weight:600;margin-bottom:.5em}.pf-timeline-duration{font-size:.9em;color:#add8e6cc;margin-bottom:.5em;font-style:italic}.pf-timeline-location{font-size:.85em;color:#add8e699;margin-bottom:1em}.pf-timeline-description{font-family:monospace;line-height:1.6;font-size:.95em}.pf-timeline-description ul{margin:0;padding-left:1.2em}.pf-timeline-description li{margin-bottom:.5em}.pf-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1em;gap:2em}.pf-timeline-header-left{flex:1}.pf-timeline-header-right{flex:1;text-align:right}.pf-sticky-header{position:fixed;top:0;left:0;right:0;background-color:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(138,43,226,.3);z-index:1000;transition:all .3s ease-in-out;transform:translateY(-100%);box-shadow:0 2px 20px #0000004d}.pf-sticky-header.scrolled{background-color:#000000f2;box-shadow:0 2px 20px #00000080;transform:translateY(0)}.pf-sticky-header.hidden{transform:translateY(-100%)}.pf-nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;max-width:1200px;margin:0 auto}.pf-nav-brand a{font-family:Dancing Script,cursive;font-size:1.8rem;color:#8a2be2;text-decoration:none;font-weight:700;transition:color .3s ease-in-out}.pf-nav-brand a:hover{color:#a855f7}.pf-nav-menu{display:flex;gap:2rem;align-items:center}.pf-nav-link{color:#f0f8ff;text-decoration:none;font-weight:500;font-size:1rem;position:relative;transition:color .3s ease-in-out}.pf-nav-link:hover,.pf-nav-link.active{color:#8a2be2}.pf-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#8a2be2;transition:width .3s ease-in-out}.pf-nav-link:hover:after,.pf-nav-link.active:after{width:100%}.pf-nav-toggle{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:8px}.pf-nav-toggle span{width:25px;height:3px;background-color:#f0f8ff;border-radius:3px;transition:all .3s ease-in-out}.pf-nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.pf-nav-toggle.active span:nth-child(2){opacity:0}.pf-nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.highlight{background:linear-gradient(180deg,transparent,blueviolet);color:#fff!important;padding:6px 12px;min-width:80px;text-align:center;border-radius:8px;font-weight:600}.pf-main-content{scroll-margin-top:80px;display:flex;flex-direction:column;align-items:center}section{scroll-margin-top:80px}@media screen and (max-width: 480px){body{padding:.5em}.pf-main-content{padding-top:55px}section{scroll-margin-top:55px}.pf-sticky-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;transform:translateY(-100%);transition:all .3s ease-in-out}.pf-nav{padding:.5rem 1rem}.pf-nav-brand a{font-size:1.2rem}.pf-nav-menu{position:fixed;top:45px;left:-100%;width:100%;height:calc(100vh - 45px);background-color:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;padding-top:3rem;transition:left .3s ease-in-out;z-index:999;border-right:1px solid rgba(138,43,226,.3)}.pf-nav-menu.active{left:0}.pf-nav-link{font-size:1.1rem;padding:.5rem 1rem}.pf-nav-toggle{display:flex}.pf-nav-toggle{padding:6px}.pf-nav-toggle span{width:22px;height:2px}.pf-name{font-size:12vw;margin-bottom:.5em}.pf-motto{font-size:.9rem;padding:.3rem .8rem;margin-bottom:.5em;text-align:center;line-height:1.3}.pf-motto-desktop{display:none}.pf-motto-mobile{display:block}.pf-description{margin:.5em;padding:.5em;font-size:1rem;line-height:1.4}.pf-social{padding-bottom:.5em;gap:.3em}.pf-social-pic{padding:.5em}.pf-social-pic>img{width:120px}.pf-services{margin:1em .5em}.pf-services-content{gap:.8em}.pf-services-item{width:100%;min-width:auto;padding:.6em;margin-bottom:.5em}.pf-experience{margin:1em 0}.pf-projects{margin:1em .5em}.pf-projects-title{font-size:1.8em;margin-bottom:1em;padding:.4rem 1rem}.pf-projects-grid{grid-template-columns:1fr;gap:1em}.pf-project-card{padding:1em}.pf-project-name{font-size:1.1em}.pf-project-details,.pf-project-responsibilities{font-size:.85em}.pf-experience-title,.pf-services-title{font-size:1.8em;margin-bottom:1em;padding:.4rem 1rem}.pf-timeline:before{left:8px}.pf-timeline-items{padding:0 .5em 0 2em;gap:1.5em}.pf-timeline-item{padding-left:1em}.pf-timeline-item:before{left:-3em;width:16px;height:16px}.pf-timeline-details{padding:.8em;margin-left:1em}.pf-timeline-item .pf-timeline-company{font-size:.9em}.pf-timeline-header{flex-direction:column;gap:.3em;margin-bottom:.8em}.pf-timeline-header-left,.pf-timeline-header-right{text-align:left;flex:none}.pf-timeline-details .pf-timeline-company,.pf-timeline-details .pf-timeline-position,.pf-timeline-details .pf-timeline-duration,.pf-timeline-details .pf-timeline-location{padding-left:0;margin-left:0;text-align:left}}@media screen and (max-width: 320px){.pf-main-content{padding-top:45px}section{scroll-margin-top:45px}.pf-sticky-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;transform:translateY(-100%);transition:all .3s ease-in-out}.pf-nav{padding:.3rem .8rem}.pf-nav-brand a{font-size:1rem}.pf-nav-menu{top:38px;height:calc(100vh - 38px)}.pf-nav-toggle{padding:4px}.pf-nav-toggle span{width:18px;height:2px}.pf-nav-link{font-size:1rem}}@media screen and (min-width: 481px) and (max-width: 767px){body{padding:.8em}.pf-main-content{padding-top:75px}.pf-sticky-header{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;transform:translateY(-100%);transition:all .3s ease-in-out}.pf-nav{padding:.8rem 1.2rem}.pf-nav-brand a{font-size:1.6rem}.pf-nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;align-items:center;gap:2.5rem;padding-top:3rem;transition:left .3s ease-in-out;z-index:999;border-right:1px solid rgba(138,43,226,.3)}.pf-nav-menu.active{left:0}.pf-nav-link{font-size:1.1rem;padding:.5rem 1rem}.pf-nav-toggle{display:flex}.pf-services-item{width:100%;min-width:auto}.pf-experience-title,.pf-services-title,.pf-projects-title{font-size:2.2em;margin-bottom:1em}.pf-projects-grid{grid-template-columns:1fr;gap:1.2em}.pf-project-card{padding:1.2em}.pf-timeline-items{padding:0 .5em 0 2.2em}.pf-timeline-item{padding-left:1.2em}.pf-timeline-item:before{left:-3.5em}.pf-timeline-details{margin-left:1.2em}.pf-timeline-header{flex-direction:column;gap:.4em;margin-bottom:.9em}.pf-timeline-header-left,.pf-timeline-header-right{text-align:left;flex:none}.pf-timeline-details .pf-timeline-company,.pf-timeline-details .pf-timeline-position,.pf-timeline-details .pf-timeline-duration,.pf-timeline-details .pf-timeline-location{padding-left:0;margin-left:0;text-align:left}}@media screen and (min-width: 768px) and (max-width: 1024px){body{padding:1.5em}.pf-nav{padding:.8rem 1.5rem}.pf-nav-brand a{font-size:1.7rem}.pf-nav-link{font-size:.95rem}.pf-nav-menu{gap:1.5rem}.pf-services{margin:2em 1.5em}.pf-services-content{gap:1.5em}.pf-services-item{width:45%;min-width:300px}.pf-experience{margin:2em 0}.pf-projects{margin:2em 1.5em}.pf-projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media screen and (min-width: 1025px){body{padding:2em}.pf-services{margin:3em 2em}.pf-services-content{gap:2em}.pf-services-item{width:25vw;min-width:280px}.pf-experience{margin:3em 0}.pf-projects{margin:3em 2em}.pf-projects-title,.pf-experience-title,.pf-services-title{font-size:3em;margin-bottom:1.3em;padding:.5rem 2rem}.pf-timeline-items{padding:0 2em}}@media screen and (min-width: 320px){.pf-services-content{flex-direction:column}.pf-services-item{margin-bottom:1em;margin-top:1em}}@media screen and (min-width: 800px){.pf-services-content{flex-direction:row}.pf-services-item{margin-bottom:0;margin-top:0}}@media screen and (max-width: 800px){.pf-timeline:before{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;height:auto;background:linear-gradient(to bottom,blueviolet,rgba(138,43,226,.3));right:auto}.pf-timeline-items{flex-direction:column;gap:2em;padding:0 .5em 0 2.5em;align-items:stretch;justify-content:flex-start}.pf-timeline-item{flex-direction:column;max-width:100%;justify-content:flex-start;align-items:flex-start;position:relative;padding-left:1.5em}.pf-timeline-item:before{content:"";position:absolute;left:-1.7em;top:1em;width:20px;height:20px;background-color:#8a2be280;border-radius:0 50% 50% 0/0px 50% 50% 0px;border:3px solid rgba(138,43,226);border-left:3px solid rgba(138,43,226,.7);z-index:3;transition:all .3s ease-in-out}.pf-timeline-item.active:before{background-color:#8a2be2;box-shadow:0 0 20px #8a2be299;transform:scale(1.3);border-radius:50%;left:-2.5em}.pf-timeline-dot{display:none}.pf-timeline-year{margin-top:0;margin-left:0;margin-bottom:.5em;align-self:flex-start;font-weight:600}.pf-timeline-item .pf-timeline-company{margin-bottom:1em;height:auto;text-align:left;font-size:1em}.pf-experience{margin:1.5em 0}.pf-timeline-details{padding:1em;margin-top:.5em;margin-left:1.5em}.pf-projects-grid{grid-template-columns:1fr;gap:1em}.pf-project-card{padding:1em}.pf-timeline-header{flex-direction:column;gap:.5em;margin-bottom:1em}.pf-timeline-header-left,.pf-timeline-header-right{text-align:left;flex:none}.pf-timeline-details .pf-timeline-company,.pf-timeline-details .pf-timeline-position,.pf-timeline-details .pf-timeline-duration,.pf-timeline-details .pf-timeline-location{padding-left:0;margin-left:0;text-align:left}}.pf-projects{display:flex;flex-direction:column;align-items:center;margin:2em 1em;position:relative}.pf-projects-title{font-size:2.5em;margin-bottom:1em;background-color:#8a2be233;padding:.5rem 1.5rem;border-radius:1rem;font-family:monospace}.pf-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2em;width:100%;margin-top:1em}.pf-project-card{background-color:#8a2be21a;border:1px solid rgba(138,43,226,.3);border-radius:1em;padding:2em;transition:all .3s ease-in-out}.pf-project-card-wrapper{display:flex;flex-direction:column;gap:1em;height:100%}.pf-project-card:hover{background-color:#8a2be226;border-color:#8a2be280;transform:translateY(-5px);box-shadow:0 10px 30px #8a2be233}.pf-project-header{margin-bottom:.5em}.pf-project-name{color:#8a2be2;font-size:1.4em;font-weight:700;margin:0 0 .5em}.pf-project-description{font-family:monospace;line-height:1.6;margin-bottom:1em;color:#add8e6e6}.pf-project-details{font-family:monospace;font-size:.9em;line-height:1.5;margin-bottom:1em;color:#add8e6cc}.pf-project-details>div{margin-bottom:.5em}.pf-project-responsibilities{font-family:monospace;font-size:.9em;line-height:1.5;margin-bottom:1em;color:#add8e6cc}.pf-project-links{display:flex;gap:1em;margin-top:auto}.pf-project-link{background-color:#8a2be2;color:#fff;padding:.5em 1em;border-radius:.5em;text-decoration:none;display:inline-flex;align-items:center;gap:.5em;font-size:.8em;font-weight:500;transition:all .3s ease-in-out}.pf-project-link:hover{background-color:#8a2be2cc;transform:translateY(-2px);box-shadow:0 5px 15px #8a2be24d}.pf-project-link i{font-size:.8em}.pf-projects-show-more{margin-top:3em;text-align:center}.pf-show-more-btn{background-color:#8a2be233;border:2px solid rgba(138,43,226,.4);color:#f0f8ff;padding:1em 2em;border-radius:2em;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;display:inline-flex;align-items:center;gap:.8em}.pf-show-more-btn:hover{background-color:#8a2be24d;border-color:#8a2be299;transform:translateY(-2px)}.pf-show-more-btn.expanded{background-color:#8a2be2;border-color:#8a2be2}.pf-show-more-btn.expanded .pf-show-more-icon{transform:rotate(180deg)}.pf-show-more-icon{transition:transform .3s ease-in-out}.pf-projects-filter{margin-bottom:2em;text-align:center;width:100%;max-width:1200px;overflow-x:hidden}.pf-filter-title{font-size:1.2em;margin-bottom:1em;color:#add8e6e6;font-weight:600}.pf-filter-badges{display:flex;flex-wrap:wrap;gap:.8em;justify-content:center;align-items:center;max-width:100%;overflow-x:hidden}.pf-filter-badge{background-color:#8a2be233;color:#f0f8ff;padding:.5em 1em;border-radius:20px;font-size:.85em;display:inline-flex;align-items:center;gap:.5em;font-weight:500;border:2px solid rgba(138,43,226,.4);cursor:pointer;transition:all .3s ease-in-out;-webkit-user-select:none;user-select:none;flex-shrink:1;min-width:0;max-width:100%}.pf-filter-badge:hover{background-color:#8a2be24d;border-color:#8a2be299;transform:translateY(-1px)}.pf-filter-badge.active{background-color:#8a2be2;border-color:#8a2be2;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #8a2be266}.pf-filter-badge i{font-size:.9em}.pf-filter-badge .filter-count{background-color:#fff3;border-radius:10px;padding:.2em .5em;font-size:.8em;margin-left:.3em}.pf-filter-badge.active .filter-count{background-color:#ffffff4d}.pf-filter-show-more{background-color:#8a2be24d!important;border-color:#8a2be299!important;color:#f0f8ff!important;cursor:pointer}.pf-filter-show-more:hover{background-color:#8a2be280!important;border-color:#8a2be2cc!important}.pf-filter-show-more.expanded{background-color:#8a2be2!important;border-color:#8a2be2!important;color:#fff!important}.pf-filter-badge-hidden{display:none!important}.pf-filter-badge{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pf-project-card:not(.pf-project-with-link){display:none}.pf-projects-grid.show-all .pf-project-card{display:block}.pf-project-technologies{display:flex;flex-wrap:wrap;gap:.5em;margin-top:.8em;margin-bottom:1em}.pf-project-tech-badge{background-color:#8a2be233;color:#f0f8ff;padding:.25em .6em;border-radius:12px;font-size:.75em;display:inline-flex;align-items:center;gap:.3em;font-weight:500;border:1px solid rgba(138,43,226,.4);transition:all .3s ease-in-out}.pf-project-tech-badge:hover{background-color:#8a2be24d;border-color:#8a2be299;transform:translateY(-1px)}.pf-project-tech-badge i{font-size:.9em}.pf-project-tech-badge.react{background-color:#61dafb33;border-color:#61dafb66;color:#61dafb}.pf-project-tech-badge.typescript{background-color:#3178c633;border-color:#3178c666;color:#3178c6}.pf-project-tech-badge.javascript{background-color:#f7df1e33;border-color:#f7df1e66;color:#f7df1e}.pf-project-tech-badge.nodejs{background-color:#68a06333;border-color:#68a06366;color:#68a063}.pf-project-tech-badge.android{background-color:#a4c63933;border-color:#a4c63966;color:#a4c639}.pf-project-tech-badge.ios{background-color:#fff3;border-color:#fff6;color:#fff}.pf-project-tech-badge.web{background-color:#ffa50033;border-color:#ffa50066;color:orange}.pf-project-tech-badge.npm{background-color:#cb383733;border-color:#cb383766;color:#cb3837}.pf-project-tech-badge.swift{background-color:#fa5f5533;border-color:#fa5f5566;color:#fa5f55}.pf-project-tech-badge.docker{background-color:#007acc33;border-color:#007acc66;color:#007acc}.pf-project-tech-badge.material-ui{background-color:#0081ff33;border-color:#0081ff66;color:#0081ff}.pf-project-tech-badge.nextjs{background-color:#fff3;border-color:#fff6;color:#fff}.pf-project-tech-badge.expo{background-color:#0000004d;border-color:#fff6;color:#fff}.pf-project-tech-badge.blockchain{background-color:#ffd70033;border-color:#ffd70066;color:gold}.pf-project-tech-badge.charts{background-color:#ff638433;border-color:#ff638466;color:#ff6384}.pf-project-tech-badge.maps{background-color:#34a85333;border-color:#34a85366;color:#34a853}.pf-project-tech-badge.dashboard{background-color:#8a2be233;border-color:#8a2be266;color:#8a2be2}.pf-project-tech-badge.location{background-color:#42a5f533;border-color:#42a5f566;color:#42a5f5}.pf-project-tech-badge.realtime{background-color:#4caf5033;border-color:#4caf5066;color:#4caf50}.pf-project-tech-badge.mqtt{background-color:#9c27b033;border-color:#9c27b066;color:#9c27b0}.pf-project-tech-badge.nfc{background-color:#ff980033;border-color:#ff980066;color:#ff9800}.pf-project-tech-badge.health{background-color:#e91e6333;border-color:#e91e6366;color:#e91e63}.pf-project-tech-badge.environment{background-color:#4caf5033;border-color:#4caf5066;color:#4caf50}.pf-project-tech-badge.parking{background-color:#607d8b33;border-color:#607d8b66;color:#607d8b}.pf-project-tech-badge.sanitization{background-color:#00bcd433;border-color:#00bcd466;color:#00bcd4}.pf-project-tech-badge.transit{background-color:#ffc10733;border-color:#ffc10766;color:#ffc107}.pf-project-tech-badge.chatbot{background-color:#79554833;border-color:#79554866;color:#795548}.pf-project-tech-badge.food-delivery{background-color:#ff572233;border-color:#ff572266;color:#ff5722}.pf-project-tech-badge.vendor{background-color:#3f51b533;border-color:#3f51b566;color:#3f51b5}.pf-project-tech-badge.admin{background-color:#9e9e9e33;border-color:#9e9e9e66;color:#9e9e9e}.pf-project-tech-badge.radio{background-color:#e91e6333;border-color:#e91e6366;color:#e91e63}.pf-project-tech-badge.audio{background-color:#9c27b033;border-color:#9c27b066;color:#9c27b0}.pf-project-tech-badge.tree{background-color:#388e3c33;border-color:#388e3c66;color:#388e3c}.pf-project-tech-badge.air-quality{background-color:#03a9f433;border-color:#03a9f466;color:#03a9f4}.pf-project-tech-badge.display{background-color:#673ab733;border-color:#673ab766;color:#673ab7}.pf-project-tech-badge.drag-drop{background-color:#ff980033;border-color:#ff980066;color:#ff9800}.pf-project-tech-badge.google-drive{background-color:#42a5f533;border-color:#42a5f566;color:#42a5f5}.pf-project-tech-badge.hook{background-color:#61dafb33;border-color:#61dafb66;color:#61dafb}.pf-project-tech-badge.component{background-color:#ffc10733;border-color:#ffc10766;color:#ffc107}@media screen and (max-width: 480px){.pf-projects-filter{margin-bottom:1.5em}.pf-filter-title{font-size:1em;margin-bottom:.8em}.pf-filter-badges{gap:.5em}.pf-filter-badge{padding:.4em .8em;font-size:.75em;border-radius:15px}.pf-filter-badge i{font-size:.8em}.pf-filter-badge .filter-count{padding:.15em .4em;font-size:.7em}.pf-filter-show-more{font-size:.75em!important;padding:.4em .8em!important}}@media screen and (max-width: 320px){.pf-projects-filter{margin-bottom:1.2em;padding:0 .5em}.pf-filter-title{font-size:.9em;margin-bottom:.6em;text-align:center}.pf-filter-badges{gap:.3em;justify-content:center}.pf-filter-badge{padding:.3em .6em;font-size:.7em;border-radius:12px;min-width:auto;flex-shrink:1}.pf-filter-badge i{font-size:.75em}.pf-filter-badge .filter-count{padding:.1em .3em;font-size:.65em;margin-left:.2em}.pf-filter-show-more{font-size:.7em!important;padding:.3em .6em!important}.pf-projects-grid{grid-template-columns:1fr!important;gap:.8em}.pf-project-card{padding:.8em}}@media screen and (min-width: 481px) and (max-width: 767px){.pf-projects-filter{margin-bottom:1.8em}.pf-filter-badges{gap:.6em}.pf-filter-badge{padding:.45em .9em;font-size:.8em}.pf-filter-show-more{font-size:.8em!important;padding:.45em .9em!important}}@media screen and (min-width: 768px){.pf-projects-filter{margin-bottom:2em}.pf-filter-badges{gap:.8em}}