@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;font-family:Monserrat,sans-serif}a{color:#2d2c2c;text-decoration:none}html{scroll-behavior:smooth}.my-description{scroll-margin-top:70px;overscroll-behavior:none;display:flex;flex-wrap:wrap;place-content:center;padding:50px 0}.my-description .my-description-content{display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding:30px}.my-description .my-description-content .my-image{width:280px;height:280px;flex-shrink:0;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 10px 25px #00000026;transition:transform .3s ease,box-shadow .3s ease}.my-description .my-description-content .my-image img{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:0 -37px;object-position:0 -37px;filter:grayscale(100%) contrast(1.1);transition:all .5s ease}.my-description .my-description-content .my-image:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.my-description .my-description-content .my-image:hover img{filter:grayscale(0%) contrast(1);transform:scale(1.1)}.my-description .my-description-content .my-description-details{flex:1;width:700px}.my-description .my-description-content .my-description-details h1{margin-bottom:20px;font-weight:700;font-size:2.2rem;color:#222}.my-description .my-description-content .my-description-details h3{margin-bottom:20px;font-weight:500;font-size:1.5rem;color:#555}.my-description .my-description-content .my-description-details p{line-height:1.5;font-size:1.185rem;color:#555;margin-bottom:25px;width:-moz-fit-content;width:fit-content}.my-description .my-description-content .my-description-details .my-social-media ul{margin-top:15px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:20px}.my-description .my-description-content .my-description-details .my-social-media li a{display:inline-flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50%;background-color:#f0f0f0;transition:background-color .3s ease,transform .3s ease}.my-description .my-description-content .my-description-details .my-social-media li a svg{width:38px;height:38px;transition:fill .3s ease}.my-description .my-description-content .my-description-details .my-social-media li a:hover{background-color:#0070f3;transform:scale(1.05)}.my-description .my-description-content .my-description-details .my-social-media li a:hover svg{fill:#fff}header.dark-theme{transition:all .3s ease}header.dark-theme h1,header.dark-theme h3,header.dark-theme p{color:#e0e0e0!important}header.dark-theme .my-social-media a{background-color:#cebf148c!important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .2s ease;box-shadow:0 2px 6px #cebf1466}header.dark-theme .my-social-media a svg{fill:#212020;width:24px;transition:fill .3s ease}header.dark-theme .my-social-media a:hover,header.dark-theme .my-social-media a:focus{transform:scale(1.1);box-shadow:0 4px 12px #cebf1499}header.dark-theme .my-social-media a:hover svg,header.dark-theme .my-social-media a:focus svg{fill:#000}nav{position:sticky!important;top:0;background-color:#fff;z-index:1000;border-bottom:1px solid rgb(220,220,220);transition:all .3s ease}nav .welcome{display:none}nav .navbar-content ul{display:flex;gap:15px;justify-content:flex-end;align-items:center;padding:25px;width:100%}nav .navbar-content ul li{list-style:none}nav .navbar-content ul li a{position:relative;padding:5px;display:inline-block;text-decoration:none;z-index:1}nav .navbar-content ul li a:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;transform:scaleY(0);transform-origin:bottom;background-color:#c9caca40;border-radius:6px;transition:transform .35s ease;z-index:0}nav .navbar-content ul li a:hover:before{height:100%;transform:scaleY(1)}nav .navbar-content ul li .download-cv{position:relative;cursor:pointer;font-size:1.09em;color:#2d2c2c!important;border:none;background-color:transparent;width:fit-content;color:#fff;padding:5px;font-size:1rem;border-radius:6px;transition:background-color .3s ease,box-shadow .3s ease}nav .navbar-content ul li .download-cv:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;transform:scaleY(0);transform-origin:bottom;background-color:#c9caca40;border-radius:6px;transition:transform .35s ease;z-index:0}nav .navbar-content ul li .download-cv:hover:before{height:100%;transform:scaleY(1)}nav .navbar-content ul .theme{padding:.2em;width:auto}nav .navbar-content ul .theme__light,nav .navbar-content ul .theme__dark{background-color:transparent;border:none;cursor:pointer}nav .navbar-content ul .theme__light svg,nav .navbar-content ul .theme__dark svg{width:25px;fill:#555;transition:fill .3s ease}nav .side-menu-btn button{display:none}nav.dark-theme{border-bottom:1px solid #2d2c2c}nav.dark-theme .welcome a{color:#fff}nav.dark-theme .navbar-content{background-color:#121212}nav.dark-theme .navbar-content ul li a,nav.dark-theme .navbar-content ul li button{color:#e0e0e0!important}nav.dark-theme .navbar-content ul li a:before,nav.dark-theme .navbar-content ul li button:before{background-color:#cebf143a!important}nav.dark-theme .navbar-content .side-menu-btn button svg{border:none;outline:none}nav.dark-theme .theme__dark svg{fill:#cebf14!important}.about-me{scroll-margin-top:60px;padding:25px 40px}.about-me .habilities{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:50px 0}.about-me .habilities .soft-skills ul,.about-me .habilities .languages ul,.about-me .habilities .learning ul{-webkit-user-select:none;user-select:none;padding-left:30px}.about-me .habilities .soft-skills ul li,.about-me .habilities .languages ul li,.about-me .habilities .learning ul li{list-style-type:disc;margin-bottom:8px}.about-me .me,.about-me .soft-skills,.about-me .languages,.about-me .learning{border:1px solid transparent;border-radius:16px;padding:24px;background:linear-gradient(145deg,#fff,#f0f0f0);box-shadow:0 4px 12px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.about-me .me:hover,.about-me .soft-skills:hover,.about-me .languages:hover,.about-me .learning:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 8px 20px #0000001a}.about-me .me h3,.about-me .soft-skills h3,.about-me .languages h3,.about-me .learning h3{margin-bottom:16px;font-size:1.3rem;color:#1f2937;font-weight:700;position:relative;padding-left:16px;-webkit-user-select:none;user-select:none;cursor:default}.about-me .me h3:before,.about-me .soft-skills h3:before,.about-me .languages h3:before,.about-me .learning h3:before{content:"";position:absolute;left:0;top:4px;width:6px;height:80%;background:linear-gradient(to bottom,#4f46e5,#6366f1);border-radius:4px}.about-me .me h3:hover:before,.about-me .soft-skills h3:hover:before,.about-me .languages h3:hover:before,.about-me .learning h3:hover:before{background-color:#0070f3}.about-me .me p,.about-me .soft-skills p,.about-me .languages p,.about-me .learning p{cursor:default;color:#374151;font-size:1rem;-webkit-user-select:none;user-select:none;line-height:1.5}.project-section{scroll-margin-top:100px}.project-section .titles{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#6b7280;margin-bottom:1.25rem;text-align:center}.project-section .projects-container .freelance,.project-section .projects-container .selected-projects{padding:20px}.project-section .projects-container .projects{display:flex;place-content:center;gap:50px;flex-wrap:wrap}.project-section .projects-container .projects__project-card{position:relative;border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 8px #0000000d;width:550px;height:350px;transition:transform .3s ease,box-shadow .3s ease}.project-section .projects-container .projects__project-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.project-section .projects-container .projects__project-card:hover .projects__project-card__see-project{opacity:1;pointer-events:auto}.project-section .projects-container .projects__project-card:hover img{filter:brightness(.3);transform:scale(1.05)}.project-section .projects-container .projects__project-card__image{overflow:hidden;border-radius:10px 10px 0 0;width:100%;height:100%}.project-section .projects-container .projects__project-card__image img{display:block;object-fit:cover;object-position:top center;width:100%;height:100%;transition:all .3s ease}.project-section .projects-container .projects__project-card__see-project{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px 0;opacity:0;pointer-events:none;transition:opacity .3s ease}.project-section .projects-container .projects__project-card__see-project h3{font-size:1.4rem;margin-bottom:10px;color:#fff}.project-section .projects-container .projects__project-card__see-project a{cursor:pointer;padding:10px 18px;border:1px solid white;background-color:transparent;color:#fff;font-weight:600;font-size:1rem;border-radius:6px;transition:background-color .1s ease,box-shadow .3s ease;margin:0 10px;position:relative}.project-section .projects-container .projects__project-card__see-project a:hover{color:#333;background-color:#fff}.project-section .projects-container .projects__project-card:first-child a:first-child{display:none}.dark-theme .main-content .projects__project-card{transition:transform .3s ease,box-shadow .3s ease!important}.dark-theme .main-content .projects__project-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.dark-theme .titles{color:#9ca3af}.tech-section .tech-content{padding:25px 0;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:4rem;text-align:center}@media (max-width: 768px){.tech-section .tech-content{grid-template-columns:1fr;gap:3rem}}.tech-section .tech-content .titles{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#6b7280;margin-bottom:1.5rem}.tech-section .tech-content ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;width:100%}.tech-section .tech-content ul li{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:#fff;border:1px solid #e5e7eb;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tech-section .tech-content ul li:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #0000001a;border-color:var(--tech-color)}.tech-section .tech-content ul li:hover svg{transform:scale(1.1);fill:var(--tech-color);filter:grayscale(0%);opacity:1}.tech-section .tech-content ul li:hover p{opacity:1;transform:translate(-50%) translateY(-10px)}.tech-section .tech-content ul li svg{width:45px;height:45px;fill:#4b5563;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.tech-section .tech-content ul li p{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);margin-bottom:10px;opacity:0;pointer-events:none;padding:6px 12px;border-radius:6px;background-color:#1f2937;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;z-index:10}.tech-section .tech-content ul li p:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}main.dark-theme .tech-section h2{color:#fff}main.dark-theme .tech-section .titles{color:#9ca3af}main.dark-theme .tech-section ul li{background-color:#5757573c;border:1px solid rgba(87,87,87,.237)}main.dark-theme .tech-section ul li svg{fill:#9ca3af;filter:grayscale(100%) brightness(1.5)}main.dark-theme .tech-section ul li p{background-color:#fff;color:#000}main.dark-theme .tech-section ul li p:after{border-color:#fff transparent transparent transparent}main.dark-theme .tech-section ul li:hover{background-color:#111827;box-shadow:0 10px 30px -10px #00000080}main.dark-theme .tech-section .libFrame-item__dark-theme:hover:nth-child(2) svg,main.dark-theme .tech-section .libFrame-item__dark-theme:hover:nth-child(5) svg{fill:#fff}.tools-section .tools-content{padding:25px 0;display:flex;justify-content:center;gap:4rem;text-align:center}@media (max-width: 768px){.tools-section .tools-content{grid-template-columns:1fr;gap:3rem}}.tools-section .tools-content ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;width:100%}.tools-section .tools-content ul li{position:relative;display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:#fff;border:1px solid #e5e7eb;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.tools-section .tools-content ul li:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #0000001a;border-color:var(--tool-color)!important}.tools-section .tools-content ul li:hover svg{transform:scale(1.1);fill:var(--tool-color)!important;filter:grayscale(0%);opacity:1}.tools-section .tools-content ul li:hover p{opacity:1;transform:translate(-50%) translateY(-10px)}.tools-section .tools-content ul li svg{width:45px;height:45px;fill:#4b5563;filter:grayscale(100%);opacity:.7;transition:all .3s ease}.tools-section .tools-content ul li p{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);margin-bottom:10px;opacity:0;pointer-events:none;padding:6px 12px;border-radius:6px;background-color:#1f2937;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;z-index:10}.tools-section .tools-content ul li p:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}main.dark-theme .tools-section h2{color:#fff}main.dark-theme .tools-section .titles{color:#9ca3af}main.dark-theme .tools-section ul li{background-color:#5757573c;border:1px solid rgba(87,87,87,.237)}main.dark-theme .tools-section ul li svg{fill:#9ca3af;filter:grayscale(100%) brightness(1.5)}main.dark-theme .tools-section ul li p{background-color:#fff;color:#000}main.dark-theme .tools-section ul li p:after{border-color:#fff transparent transparent transparent}main.dark-theme .tools-section ul li:hover{background-color:#111827;box-shadow:0 10px 30px -10px #00000080}.contact-section{text-align:center}.contact-section .contact-content{padding:20px}.contact-section .contact-content p{font-size:inherit;line-height:25px;color:#555}.contact-section .contact-content ul{list-style:none;padding:0;margin-top:15px}.contact-section .contact-content ul li{margin-bottom:10px;font-size:1rem}.contact-section .contact-content ul li a{color:#1e90ff;text-decoration:none;transition:color .3s ease,transform .3s ease}.contact-section .contact-content ul li a:hover{color:#0a66c2;transform:scale(1.05)}.contact-section form{border:1px solid #dcdcdc;border-radius:12px;box-shadow:0 4px 12px #dcdcdc99;width:600px;margin:2rem auto;padding:1rem;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.contact-section form .input-wrap{display:flex;flex-direction:column;align-items:center}.contact-section form .input-wrap__names{display:flex;justify-content:center;gap:40px;width:80%;padding:.75em 0}.contact-section form .input-wrap__important-inputs{display:flex;flex-direction:column;justify-content:center;gap:20px;width:80%;padding:.75em 0}.contact-section form .input-container{width:100%}.contact-section form .input-container label{display:flex;flex-direction:column;align-items:flex-start;margin:12px 0 6px;font-weight:600;color:#333;font-size:.95rem}.contact-section form .input-container input,.contact-section form .input-container textarea{width:100%;padding:.6em .8em;font-size:1rem;color:#444;border:1.5px solid #ccc;border-radius:8px;transition:border-color .3s ease,box-shadow .3s ease;font-family:inherit}.contact-section form .input-container input:focus,.contact-section form .input-container textarea:focus{outline:none;border-color:#0070f3;box-shadow:0 0 8px #0070f380;background-color:#f9fbff;color:#222}.contact-section form .input-container input::placeholder,.contact-section form .input-container textarea::placeholder{color:#aaa;font-style:italic}.contact-section form button[type=submit]{background-color:#0070f3;border:none;color:#fff;cursor:pointer;padding:12px 24px;font-weight:700;font-size:1.1rem;border-radius:8px;transition:background-color .2s ease,box-shadow .3s ease;margin:15px 0 10px;align-self:center;box-shadow:0 4px 8px #0070f366}.contact-section form button[type=submit]:hover{background-color:#005bb5;box-shadow:0 0 12px #005bb5cc}.contact-section form button[type=submit]:active{background-color:#004494;box-shadow:none}main h2{text-align:center;font-size:2.5rem;font-weight:800;color:#111;margin-bottom:3rem;letter-spacing:-.02em}main .main-content{margin:0 4%;padding:20px}main .main-content li{list-style:none}.dark-theme{background-color:#121212;border:none;transition:all .4s ease}.dark-theme section h2,.dark-theme section h3,.dark-theme section h4{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.7);color:#cfcfcf!important}.dark-theme .main-content .about-me .habilities .me,.dark-theme .main-content .about-me .habilities .soft-skills,.dark-theme .main-content .about-me .habilities .languages,.dark-theme .main-content .about-me .habilities .learning{border:1px solid #333!important;background:#1a1a1a;border-radius:8px;box-shadow:0 2px 6px #00000080}.dark-theme .main-content .about-me .habilities .me ul,.dark-theme .main-content .about-me .habilities .soft-skills ul,.dark-theme .main-content .about-me .habilities .languages ul,.dark-theme .main-content .about-me .habilities .learning ul{color:#dcdcdc!important;list-style-type:disc}.dark-theme .main-content .projects article{background-color:#1a1a1a!important;border:1px solid #333!important;border-radius:8px;box-shadow:0 3px 8px #0009;transition:background-color .3s ease}.dark-theme .main-content .projects article:hover{background-color:#222!important;border-color:#555!important}.dark-theme .main-content .tech-section .tech-content ul li:nth-child(8) svg path{fill:#ddd!important}.dark-theme .main-content .tools-content ul li:first-child svg{fill:#f1502f!important}.dark-theme .main-content .tools-content ul li:first-child svg,.dark-theme .main-content .tools-content ul li:nth-child(2) svg,.dark-theme .main-content .tools-content ul li:last-child svg{fill:#ddd}.dark-theme .main-content .contact-section ul li{color:#dcdcdc;margin-bottom:.5rem;font-weight:500}.dark-theme .main-content .contact-section .contact-content p{color:#fff}@media screen and (min-width: 768px) and (max-width: 1023px){nav .navbar-content ul{display:flex;gap:10px;padding:20px}nav .navbar-content ul li,nav .navbar-content ul button{font-size:1.09em;font-weight:600;text-align:center}.my-description{padding:0}.my-description .my-description-content .my-description-details h3{font-size:1.35em}.my-description .my-description-content .my-description-details p{width:100%}.my-description .my-description-content .my-description-details .my-social-media{margin-top:25px;width:100%}.my-description .my-description-content .my-description-details .my-social-media ul{gap:13px;justify-content:center}.my-description .my-description-content .my-description-details .my-social-media ul li{margin:0;padding:5px}.my-description .my-description-content .my-description-details .my-social-media ul li a{width:60px;height:60px}.my-description .my-description-content .my-description-details .my-social-media ul li a svg{width:35px;height:35px}.my-description .my-description-content .my-description-details .my-social-media .download-cv{margin-top:25px;font-size:1.2em}.about-me{margin-top:20px;scroll-margin-top:85px}.about-me .habilities{padding:15px 0}.about-me .habilities p,.about-me .habilities ul{font-size:1.2em;color:#555}.main-content{margin:0!important}.main-content h2{margin-bottom:1rem}.main-content .titles{font-size:1.1rem}.project-section{margin-top:50px;scroll-margin-top:110px}.project-section .projects-container{padding:15px 0}.project-section .projects-container .projects__project-card{width:65%;height:65%}.project-section .projects-container .projects__project-card__image{width:100%}.tech-section,.tools-section{scroll-margin-top:120px;margin-top:50px}.tech-section h2,.tools-section h2{margin-bottom:1.5em}.tech-section .tech-content,.tech-section .tools-content,.tools-section .tech-content,.tools-section .tools-content{padding:15px 0}.tech-section .tech-content ul,.tech-section .tools-content ul,.tools-section .tech-content ul,.tools-section .tools-content ul{gap:30px}.tech-section .tech-content ul li svg,.tech-section .tools-content ul li svg,.tools-section .tech-content ul li svg,.tools-section .tools-content ul li svg{width:35px;height:35px}.tech-section .tech-content ul li p,.tech-section .tools-content ul li p,.tools-section .tech-content ul li p,.tools-section .tools-content ul li p{font-size:1.2em}.contact-section{scroll-margin-top:120px;margin-top:50px}.contact-section .contact-content p{font-size:.9em}.contact-section .contact-content ul{margin-top:30px}.contact-section .contact-content ul li{font-size:.8em}.contact-section form{width:80%}.contact-section form button[type=submit]{margin:15px 0 10px}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-content h3{font-size:1.8em!important}.footer-content ul li{text-align:center;font-size:1em}}@media screen and (max-width: 767px){nav{position:sticky;display:flex;align-items:center;justify-content:space-between;padding:10px}nav .navbar-content{background-color:#fff;position:absolute;top:95%;left:0;width:100%;height:17em;max-height:0;overflow:hidden;overflow-y:auto;transition:all .35s ease-in-out}nav .navbar-content ul{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:20px;font-size:1.25em}nav .navbar-content ul li,nav .navbar-content ul button{font-size:1.14em!important;font-weight:600;text-align:center}nav .navbar-content ul li a,nav .navbar-content ul button a{display:block;padding:0;margin-bottom:.47em}nav .navbar-content ul .theme button svg{width:35px}nav .navbar-content.active{opacity:1;max-height:1000px}nav .welcome{display:block}nav .welcome a{font-weight:600;font-size:1.6em}nav .side-menu-btn button{background-color:transparent;border:none;display:block;fill:#555;width:4em}nav.dark-theme{background-color:#121212}.my-description{padding:0}.my-description .my-description-content{flex-direction:column;text-align:center;padding:2em .3em;gap:10px}.my-description .my-description-content .my-description-details{width:100%}.my-description .my-description-content .my-description-details h3{font-size:1.35em}.my-description .my-description-content .my-description-details p{width:100%}.my-description .my-description-content .my-description-details .my-social-media{margin-top:25px;width:100%}.my-description .my-description-content .my-description-details .my-social-media ul{gap:13px;justify-content:center}.my-description .my-description-content .my-description-details .my-social-media ul li{margin:0;padding:5px}.my-description .my-description-content .my-description-details .my-social-media ul li a{width:65px;height:65px}.my-description .my-description-content .my-description-details .my-social-media ul li a svg{width:35px;height:35px}.my-description .my-description-content .my-description-details .my-social-media .download-cv{margin-top:25px;font-size:1.2em}.about-me{margin-top:20px;scroll-margin-top:85px}.about-me h2{margin-bottom:1rem}.about-me .habilities{padding:15px 0}.about-me .habilities p,.about-me .habilities ul{font-size:1.2em;color:#555}.main-content{margin:0!important}.main-content h2{margin-bottom:1rem}.main-content .titles{font-size:1.25rem}.project-section{margin-top:50px;scroll-margin-top:110px}.project-section .projects-container{padding:15px 0;margin:0 auto;width:100%}.project-section .projects-container .project:hover{transform:none}.projects__project-card,.projects__project-card__image{width:100%}.project-name{text-align:center}.tech-section,.tools-section{scroll-margin-top:80px;margin-top:50px}.tech-section .tech-content,.tech-section .tools-content,.tools-section .tech-content,.tools-section .tools-content{padding:15px 0}.tech-section .tech-content ul,.tech-section .tools-content ul,.tools-section .tech-content ul,.tools-section .tools-content ul{gap:30px}.tech-section .tech-content ul li svg,.tech-section .tools-content ul li svg,.tools-section .tech-content ul li svg,.tools-section .tools-content ul li svg{width:45px;height:45px}.tech-section .tech-content ul li p,.tech-section .tools-content ul li p,.tools-section .tech-content ul li p,.tools-section .tools-content ul li p{font-size:1.2em}.contact-section{scroll-margin-top:120px;margin-top:50px}.contact-section .contact-content p{font-size:1.2em}.contact-section .contact-content ul{margin-top:30px}.contact-section .contact-content ul li{font-size:1.2em}.contact-section .contact-content ul li a{word-wrap:break-word;white-space:normal}.contact-section form{width:100%;padding:0}.contact-section form button[type=submit]{margin:15px 0 10px}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-content h3{font-size:1.8em!important}.footer-content ul li{text-align:center;font-size:1em}}.global-footer{background-color:#121212;color:#ddd;border-top:1px solid #333;padding:40px 20px;font-family:Inter,sans-serif}.global-footer .footer-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:60px;flex-wrap:wrap}.global-footer h3{color:#e0e0e0;font-weight:600;font-size:1.25rem;margin-bottom:1rem}.global-footer .resources-content .resources-list{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:10px}.global-footer .footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px}.global-footer .explore-content h3{text-align:center}.global-footer .explore-content .navbar-content{background:transparent;border-bottom:none;position:static;z-index:initial;scroll-behavior:unset;text-align:center}.global-footer .explore-content .navbar-content ul{display:flex;flex-direction:column;padding:0;gap:12px}.global-footer .explore-content .navbar-content ul li{list-style:none}.global-footer .explore-content .navbar-content ul a{color:#ddd;text-decoration:none;padding:6px 0;font-weight:500;transition:color .3s ease}.global-footer .explore-content .navbar-content ul a:hover{color:#fc0;text-decoration:underline}.project-detail{width:100%;margin:0 auto;padding:4rem 0}.project-detail .project-header{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.project-detail .project-header h1{text-align:center;font-size:3rem;font-weight:800;color:#111;margin-bottom:1.5rem;letter-spacing:-.03em;line-height:1.1}.project-detail .project-header .description,.project-detail .project-header .extra-details{font-size:1.125rem;line-height:1.8;color:#4b5563;max-width:65ch;margin-bottom:1rem}.project-detail .project-header .extra-details .credentials-container .credentials{margin-bottom:1em}.project-detail .project-header .extra-details .notes{font-style:italic}.project-detail .project-header .tech-stack{margin-bottom:3rem}.project-detail .project-header .tech-stack h3{text-align:center;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:1rem;font-weight:600}.project-detail .project-header .tech-stack ul{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;padding:0}.project-detail .project-header .tech-stack ul li{position:relative;display:flex;align-items:center;justify-content:center;list-style:none;transition:transform .2s ease;padding:1.5rem;cursor:pointer}.project-detail .project-header .tech-stack ul li:hover{transform:translateY(-3px)}.project-detail .project-header .tech-stack ul li:hover svg{transform:scale(1.1);opacity:1!important;filter:grayscale(10%)}.project-detail .project-header .tech-stack ul li:hover p{opacity:1}.project-detail .project-header .tech-stack ul li svg{width:55px;height:55px;opacity:.8;transition:all .3s ease}.project-detail .project-header .tech-stack ul li p{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);opacity:0;pointer-events:none;padding:6px 12px;border-radius:6px;background-color:#1f2937;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;z-index:10}.project-detail .project-header .tech-stack ul li p:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.project-detail .project-header .project-links{display:flex;gap:1.5rem}.project-detail .project-header .project-links .btn{display:inline-block;padding:12px 32px;border-radius:50px;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem}.project-detail .project-header .project-links .btn-primary{background-color:#111;color:#fff;border:2px solid #111}.project-detail .project-header .project-links .btn-primary:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.project-detail .project-header .project-links .btn-outline{background-color:transparent;color:#111;border:2px solid #e5e7eb}.project-detail .project-header .project-links .btn-outline:hover{border-color:#111;background-color:transparent;transform:translateY(-2px)}.project-detail .project-gallery{width:60%;margin:0 auto}.project-detail .project-gallery .video-wrapper,.project-detail .project-gallery .image-wrapper{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -10px #00000026;border:1px solid rgba(0,0,0,.05)}.project-detail .project-gallery .video-wrapper video,.project-detail .project-gallery .video-wrapper img,.project-detail .project-gallery .image-wrapper video,.project-detail .project-gallery .image-wrapper img{width:100%;height:auto;display:block;-o-object-fit:cover;object-fit:cover}.project-detail.dark-theme .project-header h1,.project-detail.dark-theme .project-header .description,.project-detail.dark-theme .project-header .credentials-container,.project-detail.dark-theme .project-header .notes{color:#fff}.project-detail.dark-theme .project-header .tech-stack h3{color:#6b7280}.project-detail.dark-theme .project-header .project-links .btn-primary{background-color:#fff;color:#000;border-color:#fff}.project-detail.dark-theme .project-header .project-links .btn-primary:hover{background-color:#e5e7eb}.project-detail.dark-theme .project-header .project-links .btn-outline{color:#fff;border-color:#374151}.project-detail.dark-theme .project-header .project-links .btn-outline:hover{border-color:#fff}.project-detail.dark-theme .video-wrapper{border-color:#374151;box-shadow:0 20px 40px -10px #00000080}@media screen and (min-width: 768px) and (max-width: 1023px){.project-detail .project-header .description,.project-detail .project-header .extra-details{padding:1em}.project-detail .project-header .extra-details .credentials-container{text-align:center}.project-detail .project-header .tech-stack ul li{padding:.8em}.project-detail .project-header .tech-stack ul li svg{width:60px;height:60px}.project-detail .project-header .tech-stack ul li p{font-size:1.05em}.project-detail .project-gallery{width:75%}}@media screen and (max-width: 767px){.project-detail .project-header .description,.project-detail .project-header .extra-details{padding:1em}.project-detail .project-header .extra-details .credentials-container{text-align:center}.project-detail .project-header .tech-stack ul li{padding:.8em}.project-detail .project-header .tech-stack ul li svg{width:60px;height:60px}.project-detail .project-header .tech-stack ul li p{font-size:1.05em}.project-detail .project-gallery{width:97%}}