@font-face{font-family:Roboto-Black;src:url(/fonts/Roboto-Black.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BlackItalic;src:url(/fonts/Roboto-BlackItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensed;src:url(/fonts/Roboto-BoldCondensed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensedItalic;src:url(/fonts/Roboto-BoldCondensedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldItalic;src:url(/fonts/Roboto-BoldItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Condesed;src:url(/fonts/Roboto-Condesed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-CondesedItalic;src:url(/fonts/Roboto-CondesedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Light;src:url(/fonts/Roboto-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}section{justify-content:center;width:auto;padding-inline:25px;display:flex}@media (min-width:769px){section{margin-top:120px}}@media (max-width:768px){section{margin-top:80px}}h1{text-align:center;font-family:Roboto-BlackItalic,sans-serif}@media (min-width:769px){h1{font-size:80px;line-height:70px}}@media (max-width:768px){h1{font-size:30px;line-height:30px}}h2{font-family:Roboto-Bold,sans-serif}@media (min-width:769px){h2{font-size:35px;line-height:40px}}@media (max-width:768px){h2{font-size:25px}}p{font-family:Roboto-Regular,sans-serif;font-size:17px;line-height:20px}button{cursor:pointer}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}@media (max-width:768px){header{width:100vw}}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 .menu.desktop{white-space:nowrap;align-items:center;height:100%;display:flex}header nav .menu.desktop 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 .menu.desktop 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 .menu.desktop button:hover:after{transform:translate(-50%)scaleX(1)}header nav .hamburger{cursor:pointer;flex-direction:column;justify-content:space-between;width:28px;height:22px;display:none}header nav .hamburger span{background:#fff;border-radius:3px;width:100%;height:3px;transition:all .3s}header nav .hamburger.open span:first-child{transform:translateY(9px)rotate(45deg)}header nav .hamburger.open span:nth-child(2){opacity:0}header nav .hamburger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}header nav .menu.mobile{background-color:#0b0b0bf2;border-radius:10px;flex-direction:column;gap:20px;padding:20px;display:none;position:absolute;top:70px;right:25px}header nav .menu.mobile button{color:#fff;background:0 0;border:none;font-family:Roboto-Black,sans-serif;font-size:17px;text-decoration:none}header nav .menu.mobile.show{display:flex}@media (max-width:768px){header nav .menu.desktop{display:none}header nav .hamburger{display:flex}}
@font-face{font-family:Roboto-Black;src:url(/fonts/Roboto-Black.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BlackItalic;src:url(/fonts/Roboto-BlackItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensed;src:url(/fonts/Roboto-BoldCondensed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensedItalic;src:url(/fonts/Roboto-BoldCondensedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldItalic;src:url(/fonts/Roboto-BoldItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Condesed;src:url(/fonts/Roboto-Condesed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-CondesedItalic;src:url(/fonts/Roboto-CondesedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Light;src:url(/fonts/Roboto-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}section{justify-content:center;width:auto;padding-inline:25px;display:flex}@media (min-width:769px){section{margin-top:120px}}@media (max-width:768px){section{margin-top:80px}}h1{text-align:center;font-family:Roboto-BlackItalic,sans-serif}@media (min-width:769px){h1{font-size:80px;line-height:70px}}@media (max-width:768px){h1{font-size:30px;line-height:30px}}h2{font-family:Roboto-Bold,sans-serif}@media (min-width:769px){h2{font-size:35px;line-height:40px}}@media (max-width:768px){h2{font-size:25px}}p{font-family:Roboto-Regular,sans-serif;font-size:17px;line-height:20px}button{cursor:pointer}#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(250px,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}@media (max-width:768px){#skills .skills-content .skills-grid .skill-card{flex-direction:column;align-items:center}}#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{width:40px;height:auto;margin-bottom:10px}#skills .skills-content .skills-grid .skill-card p.title{margin-bottom:8px;font-family:Roboto-Bold,sans-serif}@media (max-width:768px){#skills .skills-content .skills-grid .skill-card p.title{text-align:center;margin-top:0;font-size:20px}}#skills .skills-content .skills-grid .skill-card p{color:var(--foreground);font-family:Roboto-Light,sans-serif;font-size:.9rem}@media (max-width:768px){#skills .skills-content .skills-grid .skill-card p{text-align:center}}
@font-face{font-family:Roboto-Black;src:url(/fonts/Roboto-Black.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BlackItalic;src:url(/fonts/Roboto-BlackItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensed;src:url(/fonts/Roboto-BoldCondensed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensedItalic;src:url(/fonts/Roboto-BoldCondensedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldItalic;src:url(/fonts/Roboto-BoldItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Condesed;src:url(/fonts/Roboto-Condesed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-CondesedItalic;src:url(/fonts/Roboto-CondesedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Light;src:url(/fonts/Roboto-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}section{justify-content:center;width:auto;padding-inline:25px;display:flex}@media (min-width:769px){section{margin-top:120px}}@media (max-width:768px){section{margin-top:80px}}h1{text-align:center;font-family:Roboto-BlackItalic,sans-serif}@media (min-width:769px){h1{font-size:80px;line-height:70px}}@media (max-width:768px){h1{font-size:30px;line-height:30px}}h2{font-family:Roboto-Bold,sans-serif}@media (min-width:769px){h2{font-size:35px;line-height:40px}}@media (max-width:768px){h2{font-size:25px}}p{font-family:Roboto-Regular,sans-serif;font-size:17px;line-height:20px}button{cursor:pointer}#main-banner .section-content{flex-direction:column;align-items:center;width:100%;max-width:1024px;display:flex}#main-banner .section-content h1{margin-top:0;margin-bottom:30px}#main-banner .section-content h2{text-align:center;margin-top:0;margin-bottom:15px}@media (min-width:769px){#main-banner .section-content h2{width:700px}}#main-banner .section-content p{text-align:center;margin-bottom:25px}@media (min-width:769px){#main-banner .section-content p{width:700px}}#main-banner .section-content button{color:#fff;cursor:pointer;background-color:#0000;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%}
footer{--header-padding-inline:max(0,25px);width:97%;padding-inline:var(--header-padding-inline);background-color:#0b0b0bcc;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;margin-top:50px;padding-left:3%;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{object-fit:contain;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}
@font-face{font-family:Roboto-Black;src:url(/fonts/Roboto-Black.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BlackItalic;src:url(/fonts/Roboto-BlackItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensed;src:url(/fonts/Roboto-BoldCondensed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensedItalic;src:url(/fonts/Roboto-BoldCondensedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldItalic;src:url(/fonts/Roboto-BoldItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Condesed;src:url(/fonts/Roboto-Condesed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-CondesedItalic;src:url(/fonts/Roboto-CondesedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Light;src:url(/fonts/Roboto-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}section{justify-content:center;width:auto;padding-inline:25px;display:flex}@media (min-width:769px){section{margin-top:120px}}@media (max-width:768px){section{margin-top:80px}}h1{text-align:center;font-family:Roboto-BlackItalic,sans-serif}@media (min-width:769px){h1{font-size:80px;line-height:70px}}@media (max-width:768px){h1{font-size:30px;line-height:30px}}h2{font-family:Roboto-Bold,sans-serif}@media (min-width:769px){h2{font-size:35px;line-height:40px}}@media (max-width:768px){h2{font-size:25px}}p{font-family:Roboto-Regular,sans-serif;font-size:17px;line-height:20px}button{cursor:pointer}.contact-section{text-align:center;--header-padding-inline:max(0,25px);width:100%;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}@media (max-width:768px){.contact-container{grid-template-columns:1fr;gap:20px}}.contact-form{flex-direction:column;gap:15px;width:400px;display:flex}@media (max-width:768px){.contact-form{width:100%}}.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 a{color:#fff;opacity:.85;text-decoration:none}.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}
@font-face{font-family:Roboto-Black;src:url(/fonts/Roboto-Black.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BlackItalic;src:url(/fonts/Roboto-BlackItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensed;src:url(/fonts/Roboto-BoldCondensed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensedItalic;src:url(/fonts/Roboto-BoldCondensedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldItalic;src:url(/fonts/Roboto-BoldItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Condesed;src:url(/fonts/Roboto-Condesed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-CondesedItalic;src:url(/fonts/Roboto-CondesedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Light;src:url(/fonts/Roboto-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}section{justify-content:center;width:auto;padding-inline:25px;display:flex}@media (min-width:769px){section{margin-top:120px}}@media (max-width:768px){section{margin-top:80px}}h1{text-align:center;font-family:Roboto-BlackItalic,sans-serif}@media (min-width:769px){h1{font-size:80px;line-height:70px}}@media (max-width:768px){h1{font-size:30px;line-height:30px}}h2{font-family:Roboto-Bold,sans-serif}@media (min-width:769px){h2{font-size:35px;line-height:40px}}@media (max-width:768px){h2{font-size:25px}}p{font-family:Roboto-Regular,sans-serif;font-size:17px;line-height:20px}button{cursor:pointer}.about-section{background:var(--background);justify-content:center;padding:0;display:flex}.about-section .about-container{align-items:center;gap:40px;width:100%;display:grid}@media (min-width:769px){.about-section .about-container{grid-template-columns:1fr 1fr;max-width:1024px}.about-section .about-container>:nth-child(3){grid-column:1/-1}}.about-section .about-container .about-image{justify-content:center;display:flex}.about-section .about-container .about-image img{filter:drop-shadow(0 4px 10px #0000004d)}.about-section .about-container .about-content{text-align:center}.about-section .about-container .about-content h2{margin-bottom:10px;font-size:2.5rem}@media (max-width:768px){.about-section .about-container .about-content h2{font-size:25px}}.about-section .about-container .about-content h3{opacity:.8;margin-bottom:20px;font-size:1.4rem}@media (max-width:768px){.about-section .about-container .about-content h3{font-size:18px}}.about-section .about-container .about-content p{opacity:.9;line-height:1.6}@media (min-width:769px){.about-section .about-container .about-content p{margin-bottom:25px}}@media (max-width:768px){.about-section .about-container .about-content p{font-size:15px}}.about-section .about-container .about-content ul{margin-bottom:25px}.about-section .about-container .about-content ul li{margin-bottom:8px;font-size:1rem}.about-section .about-container .about-content button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;width:150px;padding:10px 20px;font-family:Roboto-Bold,sans-serif;font-size:16px;transition:all .3s;position:relative}@media (min-width:769px){.about-section .about-container .about-content button{margin-top:25px}}.about-section .about-container .about-content button:hover{background-color:#171717cc;border:none}.about-section .about-container .about-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)}.about-section .about-container .about-content button:hover:after{transform:translate(-50%)scaleX(1)}.about-section .about-container .content-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;width:100%;margin-top:40px;display:grid}@media (max-width:768px){.about-section .about-container .content-cards{grid-template-columns:1fr;justify-content:center;gap:20px}}.about-section .about-container .content-cards .card-about-us{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:20px 25px;transition:all .3s}@media (max-width:768px){.about-section .about-container .content-cards .card-about-us{margin-inline:5vw;padding-inline:0}}.about-section .about-container .content-cards .card-about-us h4{margin-top:0;margin-bottom:10px;font-family:Roboto-Bold,sans-serif;font-size:1.4rem}@media (max-width:768px){.about-section .about-container .content-cards .card-about-us h4{text-align:center}}.about-section .about-container .content-cards .card-about-us p{opacity:.85;font-size:.95rem;line-height:1.5}@media (max-width:768px){.about-section .about-container .content-cards .card-about-us p{text-align:center;margin-top:0}}.about-section .about-container .content-cards .card-about-us:hover{background-color:#ffffff0a;border-color:#ffffff26;transform:translateY(-5px)}
@font-face{font-family:Roboto-Black;src:url(/fonts/Roboto-Black.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BlackItalic;src:url(/fonts/Roboto-BlackItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Bold;src:url(/fonts/Roboto-Bold.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensed;src:url(/fonts/Roboto-BoldCondensed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldCondensedItalic;src:url(/fonts/Roboto-BoldCondensedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-BoldItalic;src:url(/fonts/Roboto-BoldItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Condesed;src:url(/fonts/Roboto-Condesed.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-CondesedItalic;src:url(/fonts/Roboto-CondesedItalic.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto-Light;src:url(/fonts/Roboto-Light.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);margin:0;font-family:Arial,Helvetica,sans-serif}section{justify-content:center;width:auto;padding-inline:25px;display:flex}@media (min-width:769px){section{margin-top:120px}}@media (max-width:768px){section{margin-top:80px}}h1{text-align:center;font-family:Roboto-BlackItalic,sans-serif}@media (min-width:769px){h1{font-size:80px;line-height:70px}}@media (max-width:768px){h1{font-size:30px;line-height:30px}}h2{font-family:Roboto-Bold,sans-serif}@media (min-width:769px){h2{font-size:35px;line-height:40px}}@media (max-width:768px){h2{font-size:25px}}p{font-family:Roboto-Regular,sans-serif;font-size:17px;line-height:20px}button{cursor:pointer}#our-story{background:#0a0a0a;justify-content:center;width:auto;padding:0 20px;display:flex}#our-story .join-content{text-align:center;color:#fff;width:100%;max-width:1024px}#our-story .join-content h2{margin-bottom:10px;font-weight:600}@media (min-width:769px){#our-story .join-content h2{font-size:2.4rem}}#our-story .join-content .sub{color:#999;margin-bottom:20px}@media (min-width:769px){#our-story .join-content .sub{font-size:1.2rem}}#our-story .join-content .desc{color:#bbb;margin-bottom:40px;line-height:1.6}@media (min-width:769px){#our-story .join-content .desc{font-size:1rem}}@media (max-width:768px){#our-story .join-content .desc{font-size:12px}}#our-story .join-content .content-cards{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;width:100%;margin-top:40px;display:grid}@media (max-width:768px){#our-story .join-content .content-cards{grid-template-columns:1fr;gap:20px}}#our-story .join-content .content-cards .card-our-story{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:20px 25px;transition:all .3s}#our-story .join-content .content-cards .card-our-story p{opacity:.85;font-size:1rem;line-height:1.5}#our-story .join-content .content-cards .card-our-story:hover{background-color:#ffffff0a;border-color:#ffffff26;transform:translateY(-5px)}@media (min-width:769px){#our-story .join-content button{width:300px}}@media (max-width:768px){#our-story .join-content button{width:100%}}#our-story .join-content button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;margin-top:25px;padding:10px 20px;font-family:Roboto-Bold,sans-serif;font-size:16px;transition:all .3s;position:relative}#our-story .join-content button:hover{background-color:#171717cc;border:none}#our-story .join-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)}#our-story .join-content button:hover:after{transform:translate(-50%)scaleX(1)}