#logo{height:80px;object-fit:contain;width:auto}.navbar-bottom{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-top:2px solid #28a745;box-shadow:0 2px 10px rgba(0,0,0,.3);padding:12px 0}.nav-links{margin:0;padding:0}.nav-item{flex:1;position:relative}.nav-link{align-items:center;border-radius:8px;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-link:hover:before{left:100%}.nav-link:hover{background-color:hsla(0,0%,100%,.1);color:#28a745;transform:translateY(-2px)}.nav-icon{font-size:20px;margin-bottom:4px;transition:transform .3s ease}.nav-link:hover .nav-icon{transform:scale(1.2)}.nav-text{font-size:14px;font-weight:500;white-space:nowrap}.nav-link:after{background-color:#28a745;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover:after{width:80%}@media (max-width:768px){.nav-text{font-size:12px}.nav-icon{font-size:18px}.nav-link{padding:6px 8px}}.nav-link.active{background-color:rgba(0,123,255,.1);color:#28a745}.nav-link.active:after{width:80%}.dynamic-text{align-items:center;background:#0f0f23;border:2px solid #333;border-radius:8px;box-shadow:0 0 20px rgba(0,255,0,.3);color:#0f0;display:flex;font-family:Courier New,Monaco,Menlo,monospace;height:40px;overflow:hidden;padding:12px 16px;position:relative;white-space:nowrap;width:350px}.dynamic-text:before{color:#0f0;content:"$ ";flex-shrink:0;font-weight:700}#typewriter{color:#0f0;font-weight:400;position:relative}#typewriter:after{animation:blink 1s infinite;border-right:2px solid #0f0;bottom:0;content:"";position:absolute;right:-2px;top:0}@keyframes blink{0%,50%{border-color:#0f0}51%,to{border-color:transparent}}html{scroll-behavior:smooth}body{background-color:#fff}#banner{align-items:center;background-image:url(/build/images/green_banner.458dbb30.webp);background-position:center 65%;background-repeat:no-repeat;background-size:120%;display:flex;font:18px/1.5 sans-serif;height:40vh;margin-top:-2em;max-width:100vw;overflow:hidden;width:100%}.banner-content{align-items:center!important;display:flex!important;flex-direction:column!important;height:100%;justify-content:center!important;padding:1rem;text-align:center;width:100%}.example-wrapper{font:18px/1.5 sans-serif;margin:1em auto;max-width:65vw;width:65%}.example-wrapper code{background:#f5f5f5;padding:2px 6px}@media screen and (max-width:768px){#banner{background-position:50%;background-size:cover;height:25vh!important;margin-top:0!important;max-height:150px;min-height:150px!important}.banner-content{padding:1rem .5rem}.banner-title{font-size:1.8rem!important;line-height:1.2;margin-bottom:.5rem}.banner-subtitle{font-size:1rem!important;line-height:1.4;margin-bottom:.3rem}.banner-tech{font-size:.9rem!important;line-height:1.3}.project-card.card{border:none;overflow:hidden;width:20vw}}@media screen and (max-width:480px){#banner{background-position:50%;background-size:cover;height:15vh!important;margin-top:0!important;max-height:80px;min-height:80px!important}.banner-content{padding:.5rem}.banner-title{font-size:1.4rem!important;margin-bottom:.3rem}.banner-subtitle{font-size:.9rem!important;margin-bottom:.2rem}.banner-tech{font-size:.8rem!important}}@media screen and (min-width:1200px){#banner{background-position:center 40%;background-size:cover;height:45vh;min-height:400px}.banner-title{font-size:3rem}.banner-subtitle{font-size:1.4rem}.banner-tech{font-size:1.2rem}}.hr{margin:3% auto;width:50%}.font-menlo{font-family:Courier New,Monaco,Menlo,monospace}.main-container{margin:0 auto 2em;width:100%}.navbar-wrapper{background-color:#f9fdf9;box-shadow:0 2px 4px rgba(0,0,0,.05);position:sticky;top:0;width:100%;z-index:1000}.navbar-container{margin:0 auto;padding:.5rem 0;width:65%}#form{scroll-margin-top:100px}.techno-badges{bottom:0;display:flex;gap:5px;position:absolute;right:10px;z-index:2}.techno-logo{background:hsla(0,0%,100%,.9);border-radius:3px;height:20px;object-fit:contain;padding:2px;width:auto}.project-card.card{border:none;overflow:hidden;width:20vw}.project-card .card-img-top{border-radius:0;margin:0}.project-img-wrapper{height:200px;overflow:hidden;position:relative}.project-card .card-img-top{display:block;height:200px;object-fit:cover;object-position:top;transition:transform .3s ease}.project-overlay{align-items:center;background:rgba(0,0,0,.5);bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-img-wrapper:hover .project-overlay{opacity:1}.project-img-wrapper:hover .card-img-top{transform:scale(1.05)}.project-title-overlay{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.project-description-overlay{color:#fff;font-size:.9rem;line-height:1.3;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.thumbnail{cursor:pointer;opacity:.7;transition:opacity .3s}.thumbnail:hover{opacity:1}.thumbnail.active{border:2px solid #28a745;opacity:1}.thumbnail-small{width:22%}.techno-logo-bigger{background:hsla(0,0%,100%,.9);border-radius:3px;height:40px;object-fit:contain;padding:2px;width:auto}.card{border:none;border-radius:15px}.form-control:focus{border-color:#28a745;box-shadow:0 4px 8px rgba(40,167,69,.3)}.btn-success{background:linear-gradient(45deg,#28a745,#1e7e34);border:none;border-radius:25px;transition:all .3s ease}.btn-success:hover{box-shadow:0 4px 8px rgba(40,167,69,.3);transform:translateY(-2px)}.footer-wrapper{background-color:#f3f9f5;border-top:1px solid #d2e6d8;margin-top:2rem;padding:1.5rem 0;width:100%}.footer-container{margin:0 auto;width:65%}.footer-link{color:#2d402e;text-decoration:none;transition:color .2s}.footer-link:hover{color:#218838;text-decoration:underline}.footer-social{color:#2d402e;font-weight:500;text-decoration:none}.footer-social:hover{color:#218838}#footer-logo{height:80px;margin-bottom:.5rem;object-fit:contain;width:auto}.logo-tech{background:linear-gradient(135deg,#f9fdf9,#e6f0ea);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.05);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:40px 20px}.logo-tech-unit{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.1);color:inherit;display:flex;flex-direction:column;padding:20px;text-decoration:none;transition:all .3s ease}.logo-tech-unit:hover{background:linear-gradient(45deg,#28a745,#1e7e34);box-shadow:0 15px 35px rgba(0,0,0,.15);transform:translateY(-8px)}.logo-tech-unit img{height:50px;margin-bottom:10px;object-fit:contain;transition:all .3s ease;width:50px}.logo-tech-unit:hover img{transform:scale(1.1)}.logo-tech-unit span{font-size:.9rem;font-weight:600;opacity:.8;text-align:center;transition:all .3s ease}.logo-tech-unit:hover span{color:#fff;opacity:1}.expertise{color:#28a745;font-size:.7rem;font-weight:700;margin-top:5px}.about-cards-container{background:linear-gradient(135deg,#f9fdf9,#e6f0ea);padding:60px 0}.about-card{background:#fff;border:none!important;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;padding:40px 20px;position:relative;text-align:center;transition:all .3s ease}.about-card:before{background:linear-gradient(45deg,#28a745,#1e7e34);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.about-card:hover:before{transform:scaleX(1)}.about-card:hover{box-shadow:0 4px 8px rgba(40,167,69,.3);transform:translateY(-10px)}.about-card img{height:60px;margin-bottom:20px;transition:all .3s ease;width:60px}.about-card:hover img{transform:scale(1.1)}.about-card-text{color:#1e3d2f;font-size:1.2rem;font-weight:600;margin:0}.about-card:hover .about-card-text{color:#28a745}@media (max-width:768px){.d-flex.flex-row.justify-content-around{align-items:center;flex-direction:column!important}.about-card{margin-bottom:20px;width:80%!important}}@media screen and (max-width:768px){.project-card.card{border:none;overflow:hidden;padding-bottom:5px;width:50vw}}a[href=""]{pointer-events:none}a[href=""] .project-img-wrapper{pointer-events:auto}