*{margin:0;padding:0;box-sizing:border-box;outline:none;list-style:none;border:none;font-family:Inter,system-ui,Segoe UI,Roboto,"Helvetica Neue",Arial}html,body{height:100%;background:radial-gradient(1200px 600px at 10% 10%, rgba(124, 92, 255, 0.08), transparent),radial-gradient(900px 400px at 95% 90%, rgba(0, 216, 255, 0.02), transparent),#f7f9fc;scroll-behavior:smooth}.container-menu{display:flex;padding:10px 0}.title{margin-bottom:20px}.title h2{color:#475569;font-weight:600;text-transform:uppercase;margin-bottom:0 !important}.title h3{text-transform:uppercase;color:#475569}p,ul{margin-bottom:0 !important}p{text-align:left;color:#475569}a{color:#475569}a:hover{color:#475569}.container{width:100%;max-width:1000px;padding:0 !important}main{margin-top:78px}main section{padding:40px 20px}.header{background-color:rgba(0,0,0,0);background-size:contain;background-position:top left;background-repeat:no-repeat;display:flex;justify-content:flex-start;align-items:center;padding:20px;width:100%;position:fixed;top:0;padding-bottom:0;z-index:9999}.header .header-container{width:100%;max-width:1200px;margin:auto;display:flex;justify-content:center;align-items:center;border-radius:20px;background:linear-gradient(180deg, rgba(2, 6, 23, 0.02), transparent);border:1px solid rgba(2,6,23,.06);backdrop-filter:blur(8px)}@media(max-width: 768px){.header .header-container{justify-content:space-between}}.logo{width:200px;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 10px}.logo h1{font-size:1em;font-weight:bold;margin-bottom:0}.logo h1 a{background:linear-gradient(135deg, #7c5cff, #00d8ff);text-decoration:none;color:#061224;padding:12px;border-radius:10px}.logo h1 a:hover{text-decoration:none;color:#061224}.logo .logo-name{display:flex;flex-direction:column;line-height:18px}.logo .logo-name .name{font-size:16px;font-weight:600}.logo .logo-name .func{font-size:13px;color:#475569}nav{display:flex;justify-content:flex-end;align-items:center;min-height:8vh;padding:0;width:calc(100% - 200px);padding:0 10px}.show{display:flex !important}.nav-links{display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;z-index:999999}.nav-links li{list-style:none;margin-right:20px}.nav-links li:last-child{margin-right:0}.nav-links a{color:#475569;text-decoration:none;font-size:16px;font-weight:600;cursor:pointer}.nav-links a:hover{color:#475569}.burger{cursor:pointer;display:none;order:3;margin-right:10px}.burger div{width:25px;height:3px;background-color:#475569;margin:5px}@media screen and (max-width: 1024px){.nav-links{width:60%}}@media screen and (max-width: 768px){body{overflow-x:hidden}nav{width:0px}.nav-links{position:absolute;right:0;height:152px;top:-12vh;background-color:#fff;box-shadow:0 10px 30px rgba(2,6,23,.6);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:20px;width:100%;transition:transform .5s ease-in;margin-top:140px;display:none;border:1px solid rgba(2,6,23,.06);backdrop-filter:blur(8px);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.nav-links li{margin-bottom:20px}.nav-links li::after{display:block;content:"";height:1px;width:calc(100% - 40px);margin-right:20px;background-color:#cecece;position:absolute;margin-top:10px}.nav-links li:last-child{margin-bottom:0}.nav-links li a{font-size:14px;text-transform:uppercase;font-weight:600;color:#000}.nav-links li a:hover{color:#ea4a3b;text-decoration:none}.burger{display:block}}.toggle .line-1{transform:rotate(-45deg) translate(-5px, 6px)}.toggle .line-2{opacity:0}.toggle .line-3{transform:rotate(45deg) translate(-5px, -6px)}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.hero .hero-card{box-shadow:0 10px 30px rgba(2,6,23,.6);background:#fff;width:100%;max-width:530px;border-radius:20px;padding:30px 20px}.hero .hero-card span{color:#7c5cff;font-weight:600}.hero .hero-card h2{font-weight:700;margin-bottom:15px;margin-top:10px}.hero .hero-card a{text-decoration:underline}.hero .hero-card .hero-cta{width:100%;padding:20px 10px;display:flex;justify-content:center;align-items:center}.hero .hero-card .hero-cta a{display:block;background:linear-gradient(135deg, #7c5cff, #00d8ff);padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;color:#061224;width:100%;max-width:300px;text-align:center;transition:all .5s ease}.hero .hero-card .hero-cta a:hover{background:#7c5cff;color:#fff;transform:scale(1.05)}.hero .hero-card .hero-position{width:100%;display:flex;justify-content:space-between;align-items:center}.hero .hero-card .hero-position div span{color:#475569;font-size:12px;font-weight:400}.hero .hero-card .hero-position div span:last-child{color:#061224;font-weight:800;font-size:20px}.hero .hero-info{width:100%;max-width:450px;padding:20px;border-radius:16px;background:linear-gradient(135deg, rgba(124, 92, 255, 0.06), rgba(0, 216, 255, 0.03));border:1px solid rgba(255,255,255,.03);display:flex;justify-content:center;align-items:center;flex-direction:column}.hero .hero-info .avatar{width:100%;max-width:378px}.hero .hero-info .avatar img{width:100%}.hero .hero-info .small-stats{width:100%;background:rgba(2,6,23,.02);padding:10px;border-radius:12px;text-align:center;max-width:378px;margin-top:10px}.hero .hero-info .small-stats span{color:#475569;font-size:12px;font-weight:400}.hero .hero-info .small-stats .stat{min-width:110px;text-align:center}@media(max-width: 768px){.hero{flex-direction:column}.hero .hero-info .avatar{padding-top:15px}}.portfolio h2{font-weight:600}.portfolio .projects{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.portfolio .projects .project{width:100%;max-width:310px;position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.03);transition:transform .35s,box-shadow .35s;padding:20px}.portfolio .projects .project:hover{transform:translateY(-8px);box-shadow:0 30px 50px rgba(2,6,23,.6)}.portfolio .projects .project .thumb img{max-width:280px}.portfolio .projects .project .info{padding:10px 0}.portfolio .projects .project .info h3{font-size:18px;font-weight:700}.portfolio .more-infos{margin-top:20px}.portfolio .cta{width:100%;padding:20px 10px;display:flex;justify-content:center;align-items:center}.portfolio .cta a{display:block;background:linear-gradient(135deg, #fd7e14, #ffc107);padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;color:#061224;width:100%;max-width:400px;text-align:center;transition:all .5s ease}.portfolio .cta a:hover{background:#fd7e14;color:#fff;transform:scale(1.05)}.whatsapp-float{position:fixed;width:60px;height:60px;bottom:25px;right:25px;background-color:#25d366;color:#fff;border-radius:50%;text-align:center;font-size:30px;z-index:1000;box-shadow:0 4px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.whatsapp-float:hover{transform:scale(1.1);color:#fff;text-decoration:none}.whatsapp-float img{width:30px;height:30px}@media screen and (max-width: 768px){.about{padding:20px 0px}}.about .container{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.about .container .group-about{display:flex;align-items:flex-start;justify-content:space-between}@media screen and (max-width: 768px){.about .container .group-about{flex-direction:column;justify-content:center;align-items:center}}.about .container .group-about img{max-width:350px}@media screen and (max-width: 768px){.about .container .group-about img{width:100%;max-width:270px}}.about .container .group-about p{padding:0 20px}@media screen and (max-width: 768px){.about .container .group-about p{margin-top:30px}}.contact .container{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact .container .form-infos{width:50%;padding:20px}.contact .container .form-infos .form{width:100%}.contact .container .form-infos .form .form-group.btn{display:flex;justify-content:flex-end;padding:0}.contact .container .form-infos .form .form-group.btn .btn.btn-primary{width:100%;background-color:#ea4a3b;border:none}.contact .container .form-infos .form .form-group.btn .btn.btn-primary:hover{background-color:#c73224}.contact .container .map{padding:20px;width:50%}.contact .container .map iframe{border:none;width:100%;border-radius:5px}@media(max-width: 768px){.contact .container p{text-align:center}}footer{display:flex;justify-content:center;align-items:center;width:100%;background-color:#1c1e22;text-align:center;font-size:12px;padding:20px 0}footer span,footer p{color:#fff;text-align:center}.modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);backdrop-filter:blur(5px);overflow:auto}.modal-content{background:#f2f2f2;margin:auto;padding:30px;border-radius:14px;width:90%;max-width:800px;color:#111;box-shadow:0 0 25px rgba(0,0,0,.3);animation:modalFade .3s ease}.modal-content h3{color:#000}@keyframes modalFade{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.close{color:#000;float:right;font-size:26px;font-weight:bold;cursor:pointer;text-align:right}.close:hover{color:red}.modal-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:20px;margin-top:20px}.modal-item{background:#f1f1f1;border-radius:10px;overflow:hidden;transition:transform .2s}.modal-item:hover{transform:translateY(-4px)}.modal-item img{width:100%;height:140px;object-fit:cover}.modal-item h4{font-size:16px;margin:10px;color:#333;font-weight:600}.modal-item p{font-size:14px;margin:0 10px 12px;color:#333}.cta-modal{text-align:center;margin-top:25px}.cta-modal a{background:linear-gradient(90deg, #ff6b6b, #ffb86b);color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;font-weight:600;transition:opacity .2s}.cta-modal a:hover{opacity:.8}