header{--header-padding-inline:max(0,25px);width:100%;padding-inline:var(--header-padding-inline);z-index:99;background-color:#0b0b0bcc;border-bottom:1px solid #ffffff1a;justify-content:center;display:flex;position:fixed;top:0}header nav{justify-content:space-between;align-items:center;width:100%;max-width:1024px;height:64px;display:flex}header nav img{width:auto;height:40px}header nav div{white-space:nowrap;align-items:center;width:max-content;height:100%;display:flex}header nav div button{color:inherit;background-color:#0000;border:none;align-items:center;margin-inline:7px;font-family:Roboto-Black,sans-serif;font-size:17px;text-decoration:none;display:flex;position:relative}header nav div button:after{content:"";transform-origin:50%;background-color:currentColor;width:100%;height:1px;transition:transform .8s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}header nav div button:hover:after{transform:translate(-50%)scaleX(1)}
#skills{margin-top:80px}#skills .skills-content{width:100%;max-width:1024px}#skills .skills-content h2{margin-bottom:30px}#skills .skills-content .skills-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}#skills .skills-content .skills-grid .skill-card{background-color:#ffffff03;justify-content:space-between;align-items:flex-start;padding:15px;transition:transform .3s,box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden}#skills .skills-content .skills-grid .skill-card:after{content:"";transform-origin:100%;background:#fff6;width:100%;height:1px;transition:transform .5s;position:absolute;bottom:0;right:0;transform:scaleX(0)}#skills .skills-content .skills-grid .skill-card:before{content:"";transform-origin:bottom;background:#fff6;width:1px;height:100%;transition:transform .5s;position:absolute;bottom:0;right:0;transform:scaleY(0)}#skills .skills-content .skills-grid .skill-card:hover{background-color:#ffffff08;transform:translateY(-5px);box-shadow:0 4px 15px #0003}#skills .skills-content .skills-grid .skill-card:hover:after{transform:scaleX(1)}#skills .skills-content .skills-grid .skill-card:hover:before{transform:scaleY(1)}#skills .skills-content .skills-grid .skill-card div{width:75%}#skills .skills-content .skills-grid .skill-card .skill-logo{margin-bottom:10px}#skills .skills-content .skills-grid .skill-card h4{margin-bottom:8px;font-family:Roboto-Bold,sans-serif}#skills .skills-content .skills-grid .skill-card p{color:var(--foreground);font-family:Roboto-Light,sans-serif;font-size:.9rem}
#main-banner .section-content{flex-direction:column;align-items:center;width:100%;max-width:1024px;display:flex}#main-banner .section-content h1{margin-bottom:30px}#main-banner .section-content h2{text-align:center;width:700px;margin-bottom:15px}#main-banner .section-content p{text-align:center;width:700px;margin-bottom:25px}#main-banner .section-content button{color:#fff;cursor:pointer;border:1px solid #fff;width:120px;margin-top:25px;padding:10px 20px;font-family:Roboto-Bold,sans-serif;font-size:16px;transition:all .3s;position:relative}#main-banner .section-content button:hover{background-color:#171717cc;border:none}#main-banner .section-content button:after{content:"";transform-origin:50%;background-color:currentColor;width:100%;height:1px;transition:transform .8s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}#main-banner .section-content button:hover:after{transform:translate(-50%)scaleX(1)}#main-banner .section-content .video-container{border:1px solid #fff;width:80%;overflow:hidden}#main-banner .section-content .video-container video{width:100%}
#our-allies{margin-top:80px}#our-allies .our-allies-content{width:100%;max-width:1024px}#our-allies .our-allies-content .our-allies-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}#our-allies .our-allies-content .our-allies-grid .allie-card{background-color:#ffffff03;flex-direction:column;justify-content:center;align-items:center;height:150px;display:flex;position:relative}#our-allies .our-allies-content .our-allies-grid .allie-card:after{content:"";transform-origin:50%;background-color:currentColor;width:100%;height:1px;transition:transform .8s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}#our-allies .our-allies-content .our-allies-grid .allie-card:hover{background-color:#ffffff08;transform:translateY(-5px);box-shadow:0 4px 15px #0003}#our-allies .our-allies-content .our-allies-grid .allie-card:hover:after{transform:translate(-50%)scaleX(1)}
Footer{--header-padding-inline:max(0,25px);width:100%;padding-inline:var(--header-padding-inline);background-color:#0b0b0bcc;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;margin-top:50px;display:flex}Footer .content-footer{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%;max-width:1024px;padding-top:15px;display:grid}Footer .footer-section img{width:auto;height:40px}Footer .footer-section h4{margin-bottom:15px;font-family:Roboto-Bold;font-size:1.1rem}Footer .footer-section ul{padding:0;list-style:none}Footer .footer-section ul li{opacity:.8;margin-bottom:8px;font-size:.95rem}Footer .footer-section ul li a{color:inherit;opacity:.8;text-decoration:none;transition:all .3s}Footer .footer-section ul li a:hover{opacity:1}Footer .footer-description{opacity:.8;max-width:250px;margin-top:10px;font-size:.9rem}Footer .socials{margin-top:15px}Footer .socials a{opacity:.8;margin-right:12px;font-size:1.3rem;transition:all .3s}Footer .socials a:hover{opacity:1}Footer .footer-bottom{text-align:center;opacity:.7;border-top:1px solid #ffffff26;width:100%;margin-top:45px;padding-top:15px;padding-bottom:15px;font-size:.85rem}
.contact-section{text-align:center;--header-padding-inline:max(0,25px);width:100%;padding:80px 0;padding-inline:var(--header-padding-inline)}.contact-section .content-contact{width:100%;max-width:1024px}.contact-section .title{margin-bottom:10px;font-family:Roboto-Bold;font-size:2rem}.contact-section .subtitle{color:var(--foreground);margin-bottom:45px}.contact-container{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:40px;max-width:1100px;margin:auto;padding-inline:20px;display:grid}.contact-form{flex-direction:column;gap:15px;width:400px;display:flex}.contact-form input,.contact-form textarea{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:12px 15px;font-size:.95rem;transition:border .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary);outline:none}.contact-form textarea{height:130px}.contact-form button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;width:100%;margin-bottom:25px;padding:10px 20px;font-family:Roboto-Bold,sans-serif;font-size:16px;transition:all .3s;position:relative}.contact-form button:hover{background-color:#171717cc;border:none}.contact-form button:after{content:"";transform-origin:50%;background-color:currentColor;width:100%;height:1px;transition:transform .8s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.contact-form button:hover:after{transform:translate(-50%)scaleX(1)}.contact-form .status{opacity:.8;margin-top:10px;font-size:.9rem}.contact-info{text-align:left}.contact-info h4{margin-bottom:15px;font-family:Roboto-Bold}.contact-info p{opacity:.85;margin-bottom:10px;font-size:.95rem}.contact-info .socials{margin-top:20px}.contact-info .socials a{opacity:.8;margin-right:12px;font-size:1.4rem;transition:all .3s}.contact-info .socials a:hover{opacity:1}