@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";section.hero{margin-top:3rem}section.hero .parent-avatar.flex{align-items:end;gap:.6rem;min-height:88px}section.hero .left-section{flex-grow:1}section.hero .icon-verified{color:var(--blue );font-size:1.1rem;margin-bottom:.3rem}section.hero .avatar{width:88px;border-radius:50%;border:1px solid rgba(29,66,229,.942);padding:1px;box-shadow:2px 2px 40px #ef05b1f4 inset}section.hero h1.title{font-size:2.85rem;line-height:3.3rem;margin:24px 0;color:var(--title)}section.hero p.sub-title{color:var(--subtitle);font-size:.9rem;line-height:1.65rem;margin-bottom:32px}section.hero .all-icons{font-size:1.3rem;gap:1.5rem;color:var(--subtitle)}section.hero .all-icons .icon:hover{font-size:1.9rem;transition:.3s;cursor:pointer;color:var(--icon-hover)}section.hero .devAnimation{width:100%;translate:50px 40px;scale:1.5}@media (max-width: 1033px){section.hero .devAnimation{display:none}}header.flex{justify-content:space-between;padding:0 2.4rem;margin-top:1.2rem}header.flex nav{background-color:var(--bgHeader);padding:.77rem 1.6rem;border-radius:55px;box-shadow:2px 2px 20px #464647bb}header ul.flex{gap:16px}header ul li a{color:var(--title);opacity:.9;font-size:.88rem;font-weight:500}header ul li a:hover{color:var(--blue);opacity:1;font-size:.9rem}header button{font-size:1.2rem}header button.menu{display:none}header .icon-menu,header button.mode{background-color:var(--bgHeader);height:2.4rem;width:2.4rem;border-radius:50%;justify-content:center;text-align:center;color:var(--subtitle);border:1px solid rgba(244,165,96,.2.49);transition:.2s;box-shadow:1px 1px 40px #2323242a}.icon-sun{color:#ff9200}header .icon-menu:hover,header button.mode:hover{color:var(--title);border:1px solid rgb(244,165,96)}header .icon-close{font-size:1.5rem;color:var(--subtitle);transition:.3s}header .icon-close:hover{font-size:1.7rem;color:#dc143c;rotate:180deg}header .fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;background-color:#282830e8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lang-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;font-size:16px;color:inherit}.lang-toggle:hover{opacity:.8}.lang-label{font-weight:700}.header-actions{display:flex;align-items:center;gap:10px}.lang-toggle{background-color:var(--bgHeader);height:2.4rem;padding:0 .8rem;border-radius:999px;display:flex;align-items:center;gap:6px;color:var(--subtitle);border:1px solid rgba(244,165,96,.25);box-shadow:1px 1px 40px #23232429;cursor:pointer;transition:.2s}.lang-toggle:hover{color:var(--title);border-color:#f4a560}.lang-label{font-size:.75rem;font-weight:600}@keyframes mymove{0%{scale:0}60%{scale:1.2}to{scale:1}}header .fixed ul.modal{animation:mymove .7s;width:75%;margin-left:auto;margin-right:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary)}header .fixed ul.modal li{border-bottom:1px solid var(--border);padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.modal li:first-child{text-align:right;border:none;padding-bottom:0%;padding-top:.2rem;margin-bottom:-1rem}header .fixed ul.modal li:last-child{border:none;padding-bottom:.77rem;padding-top:.5rem}header .fixed ul.modal li a{font-size:1rem}@media (max-width: 700px){header.flex nav{display:none}header button.menu{display:block}}section.contact-us .icon-envelope{color:var(--subtitle);margin-right:1rem;font-size:1rem}section.contact-us .title{font-size:2.1rem;color:var(--title);margin-bottom:1rem}section.contact-us .sub-title{color:var(--subtitle);margin-bottom:2rem;line-height:1.65rem}section.contact-us label{color:var(--subtitle)}section.contact-us #email,section.contact-us #message{all:unset;background-color:#3f3f4626;border:1px solid rgb(63,63,70);width:16rem;padding:.5rem 1rem;margin-left:1rem;border-radius:5px}section.contact-us #email,section.contact-us #message{all:unset;background-color:#3f3f4626;border:1px solid rgb(63,63,70);width:16rem;padding:.5rem 1rem;margin-left:1rem;border-radius:5px;transition:.3s;font-size:1.1rem}.light section.contact-us #email,.light section.contact-us #message{background-color:#ffffff29;border:1px solid rgb(128,128,128,.451);box-shadow:1px 1px 1px #49494b1a;color:#232324}section.contact-us #email:focus,section.contact-us #message:focus,section.contact-us #email:hover,section.contact-us #message:hover{border:1px solid rgb(45,212,191)}.light section.contact-us #email:focus,.light section.contact-us #message:focus,.light section.contact-us #email:hover,.light section.contact-us #message:hover{border:1px solid rgb(78,80,80)}section.contact-us #message{margin-left:.72rem;min-height:9rem;resize:vertical}section.contact-us .submit{background-color:#24252e;padding:.75rem 2rem;text-align:center;font-size:1.05rem;text-transform:capitalize;border-radius:8px;transition:.3s;margin-top:1.8rem;border:1px solid rgb(63,63,70)}section.contact-us .submit:hover{scale:.97}section.contact-us .conatctAnimation{padding-top:0;height:250px;width:300px;translate:20% 0px;scale:1.2}section.contact-us p.msg_env{color:var(--subtitle);font-size:18px;margin-top:1.7rem}@media (max-width: 600px){section.contact-us .animation{display:none}section.contact-us form{display:flex;flex-direction:column;width:85%}section.contact-us form div.flex{flex-direction:column;align-items:start}section.contact-us #email,section.contact-us #message{width:100%;margin-left:0;padding:.7rem 0;margin-top:1rem}section.contact-us .submit{width:30%;justify-content:center;align-self:center}}@media (max-width: 1000px){section.contact-us .animation{display:none}}.footer{width:100%;padding:2.5rem 1rem;text-align:center}.footer-content{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer-icon{font-size:1.8rem;color:var(--subtitle);transition:.3s}.footer-icon:hover{transform:scale(1.2)}.footer-icon.whatsapp:hover{color:#25d366}.footer-icon.mail:hover{color:#ffb703}.footer-copy{font-size:.85rem;color:var(--subtitle)}@media (max-width: 600px){.footer-icon{font-size:1.5rem}}.projects-container{padding:2rem 0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem;justify-content:center}.chip{background:var(--chip-bg);color:var(--title);border:1px solid var(--border);border-radius:999px;padding:.5rem 1rem;font-size:.85rem;transition:.25s}.chip:hover{border-color:var(--blue);transform:translateY(-1px)}.chip.active{background:var(--chip-active-bg);color:var(--blue);border-color:var(--blue);box-shadow:var(--shadow-soft)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}.project-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.3s;box-shadow:var(--shadow-soft)}.project-card:hover{border-color:var(--blue);transform:translateY(-6px)}.project-card img{width:100%;height:180px;object-fit:cover}.project-card .content{padding:1rem}.project-card h3{font-size:1rem;margin-bottom:.4rem}.project-card p{font-size:.85rem;color:var(--subtitle)}.badge{font-size:.7rem;padding:.25rem .6rem;border-radius:6px;background:#5d64fc26;color:var(--blue)}.badge{font-size:.7rem;padding:.2rem .6rem;border-radius:6px;background:#5dbcfc26;color:var(--blue)}.more-btn{width:100%;padding:.7rem;border-top:1px solid var(--border);background:transparent;color:var(--blue);font-size:.9rem;cursor:pointer}.fixed{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:100}div .fixed ul.modal{animation:mymove .7s;width:70%;margin-left:auto;margin-right:auto;margin-top:2rem;border-radius:1rem;padding:1rem 2rem;background-color:var(--secondary)}div .fixed ul.modal li{border-bottom:1px solid var(--border);padding-bottom:.77rem;padding-top:.5rem}div .fixed ul.modal li:first-child{text-align:right;border:none;padding-bottom:0%;padding-top:.2rem;margin-bottom:1rem}div .fixed ul.modal li p.paragraphe{line-height:1.5rem;max-height:600px;overflow-y:hidden;padding-right:20px;padding-bottom:2.5rem;text-align:justify}@media (max-width: 720px){.fixed{align-items:flex-start}div .fixed ul.modal{width:100vw;height:100vh;margin:0;border-radius:0;padding:1rem 1.2rem;overflow:hidden}div .fixed ul.modal li p.paragraphe{max-height:none;height:calc(100vh - 80px);overflow-y:auto;padding-right:12px;line-height:1.6rem;font-size:.95rem;padding-bottom:3rem;scrollbar-width:none;-ms-overflow-style:none}div .fixed ul.modal li p.paragraphe::-webkit-scrollbar{display:none}}html{font-family:Roboto,sans-serif;letter-spacing:.1px;box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}*{margin:0;padding:0}:root{--primary: #000;--secondary: rgb(24 24 27);--border: rgba(63, 63, 70, .4);--title: rgb(244 244 245);--subtitle: rgb(161 161 170);--bgHeader: rgb(39, 39, 42);--blue: rgb(93, 100, 252);--redborder: rgba(223, 14, 14, .958);--icon-hover: #d4d4d8;--container-padding: 4.8rem}.light{--primary: rgb(250, 250, 250);--secondary: rgb(255 255 255);--border: rgba(202, 202, 202, .518);--title: rgb(39 39 42);--subtitle: rgb(82 82 91);--bgHeader: rgb(253, 253, 253);--blue: rgb(0, 149, 246);--redborder: rgba(223, 14, 14, .958);--icon-hover: #333;--container-padding: 4.8rem}body{background-color:var(--primary);color:#fff}.container{border:1px solid var(--border);width:80%;margin-left:auto;margin-right:auto;background-color:var(--secondary);padding:0 var(--container-padding)}.divider{border-bottom:1px solid var(--border);margin:3rem 0;width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(-1 * var(--container-padding))}li{list-style:none}a{all:unset;transition:.3S}a:hover{cursor:pointer}.flex{display:flex;align-items:center}.border{border:2px solid red}button{all:unset}button:hover{cursor:pointer}button:active{scale:.9}button:disabled{opacity:.4;cursor:not-allowed}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{border:7px solid #292c3b;box-shadow:inset 0 0 2.5px 2px #00000080;border-radius:4px;background-color:#d4d4d8}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.scroll2Top{background-color:#1976d2d9;width:2.6rem;height:2.6rem;border-radius:50%;position:fixed;bottom:2rem;right:3%;text-align:center;border:1px solid rgba(255,255,255,.2);transition:.3s;font-size:1.5rem}.scroll2Top:hover{background-color:#1976d2}@media (max-width: 1400px){.container{--container-padding: 3.5rem;width:89%;padding:0 var(--container-padding)}}@media (max-width: 1390px){.container{--container-padding: 3.5rem;width:89%;padding:0 var(--container-padding)}}@media (max-width: 1212px){.container{--container-padding: 3.8rem;width:91%;padding:0 var( --container-padding )}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(-1 * var(--container-padding))}}@media (max-width: 1194px){.container{--container-padding: 3.8rem;width:93%;padding:0 4.4rem}}@media (max-width: 1070px){.container{--container-padding: 3.2rem;width:92%;padding:0 3.9rem}.divider{width:calc(100% + var(--container-padding) + var(--container-padding));margin-left:calc(-1 * var(--container-padding))}}@media (max-width: 600px){.container{--container-padding: 1.7rem;width:98%;padding:0 var(--container-padding)}.scroll2Top{width:2.2rem;height:2.2rem;opacity:.6;font-size:1rem}}