:root{--color-1: #000000;--color-2: #FFFFFF;--color-3: #1c1b1e;--color-4: #4b4453;--color-5: #56416f;--color-6: #0064a5;--color-7: #c0375a;--color-8: #eb724f;--color-9: #C9A227;--color-10: #BFC5C9}*{margin:0;padding:0}a{text-decoration:none}ul{box-sizing:border-box;padding-left:25px}button{outline:none;border:none;cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{width:100%;min-height:100vh;background-color:var(--color-1);color:var(--color-2)}body{display:flex;flex-direction:column}body.scroll-disabled{overflow:hidden}body.scroll-disabled::before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:110;position:fixed;top:0;left:0}#page-content{flex:1;display:flex;flex-direction:column;padding:100px 0}#page-zero{width:100%;box-sizing:border-box;padding:10px}#page-zero .z-core{width:100%;max-width:1000px;margin:auto;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px}#page-zero .z-core .frame{width:400px;height:300px;border-radius:2rem;background-color:var(--color-1);flex-shrink:0;position:relative;background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#page-zero .z-core .frame .stars{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;gap:25px}#page-zero .z-core .frame .stars .star{flex:1;display:inline-flex;justify-content:center;font-size:20px;position:relative;animation:twinkle 8s infinite ease-in-out}#page-zero .z-core .frame .stars .star:nth-child(1),#page-zero .z-core .frame .stars .star:nth-child(5){top:40px}#page-zero .z-core .frame .stars .star:nth-child(1){left:70px;animation-delay:1s}#page-zero .z-core .frame .stars .star:nth-child(5){left:-70px;animation-delay:4s}#page-zero .z-core .frame .stars .star:nth-child(2),#page-zero .z-core .frame .stars .star:nth-child(4){top:150px}#page-zero .z-core .frame .stars .star:nth-child(2){left:-50px;animation-delay:2.5s}#page-zero .z-core .frame .stars .star:nth-child(4){left:50px;animation-delay:6s}#page-zero .z-core .frame .stars .star:nth-child(3){top:200px;animation-delay:3.5s}@keyframes twinkle{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.25);opacity:.9}}#page-zero .z-core .frame .cloud{width:250px;height:250px;border-radius:50%;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:4px dotted var(--color-4)}#page-zero .z-core .frame .cloud .row{width:100%;position:absolute;top:0;left:0;display:flex;justify-content:center}#page-zero .z-core .frame .cloud .row .bubble{flex-shrink:0;width:50px;height:50px;border-radius:50%;position:relative}@keyframes cloudMove{0%{top:-10px}50%{top:-25px}100%{top:-10px}}@keyframes cloudMoveLeft{0%{left:0px}50%{left:-25px}100%{left:0px}}#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble{background-color:#ed9918}#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(5){transform:scale(1.1);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(4),#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(6){transform:scale(1.5)}#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(3),#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(7){transform:scale(1.4);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(2),#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(8){transform:scale(1.2);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(1),#page-zero .z-core .frame .cloud .row:nth-child(3) .bubble:nth-child(9){transform:scale(1.5);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble{width:60px;height:60px;background-color:#e6e6e6;animation:cloudMove 3s ease-in-out infinite alternate}#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(5){transform:scale(1.1);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(4),#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(6){transform:scale(1.5)}#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(3),#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(7){transform:scale(1.4);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(2),#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(8){transform:scale(1.2);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(1),#page-zero .z-core .frame .cloud .row:nth-child(2) .bubble:nth-child(9){transform:scale(1.5);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(1){animation:cloudMoveLeft 3s ease-in-out infinite alternate}#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble{width:80px;height:80px;background-color:#186695}#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(5){transform:scale(1.1);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(4),#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(6){transform:scale(1.5)}#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(3),#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(7){transform:scale(1.4);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(2),#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(8){transform:scale(1.2);top:-10px}#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(1),#page-zero .z-core .frame .cloud .row:nth-child(1) .bubble:nth-child(9){transform:scale(1.5);top:-10px}@media screen and (max-width: 450px){#page-zero .z-core .frame .cloud{width:150px;height:150px}}#page-zero .z-core .frame .speed{width:100%;height:100%;position:absolute;top:0;left:0}#page-zero .z-core .frame .speed .row{width:100%;display:flex;box-sizing:border-box;padding:10px;position:absolute}#page-zero .z-core .frame .speed .row .rect{width:40px;height:8px;border-radius:4px;box-sizing:border-box;border:2px solid var(--color-4);position:relative}#page-zero .z-core .frame .speed .row:nth-child(1){top:50%;transform:translateY(-50%)}#page-zero .z-core .frame .speed .row:nth-child(1) .rect:nth-child(1){background-color:#ed9918;top:-10px}#page-zero .z-core .frame .speed .row:nth-child(1) .rect:nth-child(2){background-color:#186695;left:-10px}#page-zero .z-core .frame .speed .row:nth-child(2){top:50%;transform:translateY(-50%);justify-content:flex-end}#page-zero .z-core .frame .speed .row:nth-child(2) .rect:nth-child(1){background-color:#ed9918;top:-10px}#page-zero .z-core .frame .speed .row:nth-child(2) .rect:nth-child(2){background-color:#186695;left:-10px}#page-zero .z-core .frame .spaceship{width:200px;height:200px;position:absolute;top:50%;left:50%;z-index:101}#page-zero .z-core .frame .spaceship.route-one{animation:route-one 3s ease-in-out forwards}#page-zero .z-core .frame .spaceship.scroll-control{position:fixed}#page-zero .z-core .frame .spaceship img{position:absolute;top:0;left:0;width:100%;height:100%}#page-zero .z-core .frame .spaceship img:nth-child(2){animation:pulse 1s infinite}#page-zero .z-core .frame .spaceship img:nth-child(3){animation:shield 4s infinite ease-in-out}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shield{0%,100%{opacity:0;transform:scale(0.95)}15%,85%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.02)}}@keyframes route-one{0%{transform:translate(-50%, -50%) rotate(0deg)}75%{transform:translate(-200%, -50%) rotate(0deg)}90%{transform:translate(-200%, -50%) rotate(-45deg)}100%{transform:translate(-200%, -50%) rotate(-90deg)}}@media screen and (max-width: 1300px){#page-zero .z-core .frame .spaceship{display:none}}#page-zero .z-core .content{min-width:300px;flex:1;box-sizing:border-box;padding:50px 25px;display:flex;justify-content:center;align-items:center}#page-zero .z-core .content .text{max-width:500px}#page-zero .z-core .content .text h1{font-size:1.5rem}#page-zero .z-core .content .text h4{font-size:1.1rem;margin-top:5px}#page-zero .z-core .content .text p{font-size:1.1rem;margin-top:25px}@media screen and (max-width: 900px){#page-zero .z-core{flex-direction:column;align-items:center;border:none}}@media screen and (max-width: 500px){#page-zero .z-core{flex-direction:column;align-items:center;border:none}#page-zero .z-core .frame{width:100%;height:50vw}#page-zero .z-core .content{min-width:auto;padding:0}}#page-zero .z-menu{width:100%;background-color:var(--color-1);position:relative;margin-top:50px}#page-zero .z-menu.fixed{position:fixed;width:100%;top:0;left:0;z-index:100}#page-zero .z-menu .wrapper{width:100%;max-width:1000px;margin:auto;display:flex;gap:25px;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;padding:0 50px}#page-zero .z-menu .wrapper a,#page-zero .z-menu .wrapper button{background-color:var(--color-1);color:var(--color-2);display:inline-flex;align-items:center;justify-content:center;height:50px;font-size:1rem;box-sizing:border-box;padding:0 25px;border-radius:25px}#page-zero .z-menu .wrapper a:hover,#page-zero .z-menu .wrapper button:hover{background-color:var(--color-4)}#page-zero .z-menu .wrapper a.active,#page-zero .z-menu .wrapper button.active{background-color:var(--color-10);color:var(--color-1)}#page-zero .z-menu .wrapper a.i-club,#page-zero .z-menu .wrapper button.i-club{border:2px solid var(--color-8)}#page-zero .z-menu .wrapper a.i-club.active,#page-zero .z-menu .wrapper button.i-club.active{background-color:var(--color-5);color:var(--color-2)}#page-zero .z-menu .wrapper a.i-sign-in,#page-zero .z-menu .wrapper a.i-sign-out,#page-zero .z-menu .wrapper button.i-sign-in,#page-zero .z-menu .wrapper button.i-sign-out{border:2px solid var(--color-5)}#page-zero .z-menu .wrapper ul{display:inline-flex;gap:10px;align-items:center;flex-wrap:wrap;height:100%;padding-left:0}#page-zero .z-menu .wrapper ul li{list-style:none}#page-zero .z-menu .wrapper .app{display:inline-flex;height:50px}#page-zero .z-menu .wrapper .app .logo{width:50px;height:100%}#page-zero .z-menu .wrapper .app .logo img{width:100%;height:100%;transform:scale(1.3)}#page-zero .z-menu .wrapper .app .name{font-size:1.1rem}@media(max-width: 1000px){#page-zero .z-menu.fixed{position:relative;width:100%;top:auto;left:auto;z-index:auto}}@media screen and (max-width: 600px){#page-zero .z-menu .wrapper{padding:0}}#page-ending{width:100%;box-sizing:border-box;padding:10px}#page-ending .wrapper{width:100%;max-width:1000px;margin:auto;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box}#page-ending .wrapper .mobile h6{font-size:1.1rem}#page-ending .wrapper .mobile p{font-size:1rem}#page-ending .wrapper .mobile .badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}#page-ending .wrapper .mobile .badges a{display:block;height:70px}#page-ending .wrapper .mobile .badges a img{height:100%;display:block}#page-ending .wrapper .miscellaneous{width:100%;margin-top:25px;display:flex;justify-content:flex-end;gap:25px}#page-ending .wrapper .miscellaneous .links a{font-size:1.1rem;text-decoration:underline;color:var(--color-2)}#page-ending .wrapper .miscellaneous a.contact{height:40px;display:inline-flex;align-items:center;box-sizing:border-box;padding:0 10px;border-radius:20px;font-size:20px;background-color:var(--color-5);color:var(--color-2);text-transform:uppercase}#page-ending .wrapper .app{text-align:right;margin-top:25px}
#home{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#home .latest-projects{width:100%}#home .latest-projects .collaborative-ecosystem{width:100%}#home .latest-projects .collaborative-ecosystem .core{width:100%;max-width:1000px;margin:50px auto 0 auto;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#home .latest-projects .collaborative-ecosystem .core .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);position:relative;background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 75%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em}#home .latest-projects .collaborative-ecosystem .core .frame img{display:block;position:absolute}#home .latest-projects .collaborative-ecosystem .core .frame img:nth-child(1){width:98%;height:98%;border-radius:2rem;top:50%;left:50%;transform:translate(-50%, -50%)}#home .latest-projects .collaborative-ecosystem .core .frame img:nth-child(2){width:100px;height:100px;top:-50px;left:50%;transform:translateX(-50%) rotate(-180deg);animation:botFloat 6s ease-in-out infinite}@keyframes botFloat{0%{transform:translateX(-50%) translateY(0) rotate(-180deg)}50%{transform:translateX(-50%) translateY(12px) rotate(-180deg)}100%{transform:translateX(-50%) translateY(0) rotate(-180deg)}}#home .latest-projects .collaborative-ecosystem .core .frame .earth{position:absolute;width:200px;height:200px;top:50%;left:20px;transform:translateY(-50%)}#home .latest-projects .collaborative-ecosystem .core .frame .earth .halo-back{position:absolute;width:260px;height:260px;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background:radial-gradient(circle, rgba(0, 255, 255, 0.25) 0%, rgba(0, 255, 255, 0.08) 45%, transparent 70%);animation:haloBackPulse 5s ease-in-out infinite}#home .latest-projects .collaborative-ecosystem .core .frame .earth .halo{position:absolute;width:75%;height:75%;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background:aqua;animation:haloPulse 4s ease-in-out infinite}@keyframes haloPulse{0%{opacity:.3;transform:translate(-50%, -50%)}50%{opacity:1;transform:translate(-50%, -50%)}100%{opacity:.3;transform:translate(-50%, -50%)}}@keyframes haloBackPulse{0%{opacity:.2;transform:translate(-50%, -50%) scale(0.85)}50%{opacity:.6;transform:translate(-50%, -50%) scale(1.15)}100%{opacity:.2;transform:translate(-50%, -50%) scale(0.85)}}#home .latest-projects .collaborative-ecosystem .core .frame .earth img{width:85%;height:85%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);animation:earthBounce 5s ease-in-out infinite}@keyframes earthBounce{0%{transform:translate(-50%, -50%) rotate(0deg) scaleX(1) scaleY(1)}15%{transform:translate(-50%, -50%) rotate(-6deg) scaleX(1.08) scaleY(0.92)}30%{transform:translate(-50%, -50%) rotate(6deg) scaleX(0.92) scaleY(1.08)}45%{transform:translate(-50%, -50%) rotate(-4deg) scaleX(1.04) scaleY(0.96)}60%{transform:translate(-50%, -50%) rotate(4deg) scaleX(0.96) scaleY(1.04)}75%{transform:translate(-50%, -50%) rotate(-2deg) scaleX(1.02) scaleY(0.98)}100%{transform:translate(-50%, -50%) rotate(0deg) scaleX(1) scaleY(1)}}@media screen and (max-width: 450px){#home .latest-projects .collaborative-ecosystem .core .frame .earth{width:100px;height:100px}}#home .latest-projects .collaborative-ecosystem .core .content{flex:1;min-width:300px;margin-top:25px}#home .latest-projects .collaborative-ecosystem .core .content .text{max-width:700px}#home .latest-projects .collaborative-ecosystem .core .content .text h2{font-size:1.5rem;margin-bottom:25px}#home .latest-projects .collaborative-ecosystem .core .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#home .latest-projects .collaborative-ecosystem .core .frame{width:100%;height:50vw}}#home .latest-projects .collaborative-ecosystem .projects{width:100%;display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}#home .latest-projects .collaborative-ecosystem .projects .project{width:400px;box-sizing:border-box;border-radius:2rem;padding:25px;border:1px solid var(--color-4);display:inline-flex;align-items:flex-start;gap:25px}#home .latest-projects .collaborative-ecosystem .projects .project .frame{width:100px;height:80px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1;display:flex;justify-content:center;align-items:center}#home .latest-projects .collaborative-ecosystem .projects .project .frame img{width:60px;height:60px;display:block}#home .latest-projects .collaborative-ecosystem .projects .project .content{flex:1}#home .latest-projects .collaborative-ecosystem .projects .project .content h3{font-size:1.2rem}#home .latest-projects .collaborative-ecosystem .projects .project .content p{font-size:.9rem;margin-top:10px}#home .latest-projects .collaborative-ecosystem .projects .project .content a{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 10px;background-color:var(--color-10);color:var(--color-3);margin-top:10px}#home .latest-projects .inficademy{width:100%;max-width:1000px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#home .latest-projects .inficademy .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1;position:relative}#home .latest-projects .inficademy .frame .speed{width:100%;height:100%;position:absolute;top:0;left:0}#home .latest-projects .inficademy .frame .speed .row{width:100%;display:flex;box-sizing:border-box;padding:10px;position:absolute}#home .latest-projects .inficademy .frame .speed .row .rect{width:40px;height:8px;border-radius:4px;box-sizing:border-box;border:2px solid var(--color-4);position:relative}#home .latest-projects .inficademy .frame .speed .row:nth-child(1){top:25%;right:50px;justify-content:flex-end}#home .latest-projects .inficademy .frame .speed .row:nth-child(1) .rect:nth-child(3){background-color:#ed9918;top:-10px}#home .latest-projects .inficademy .frame .speed .row:nth-child(1) .rect:nth-child(1){background-color:#186695;left:-10px}#home .latest-projects .inficademy .frame .speed .row:nth-child(2){top:50%;transform:translateY(-50%);justify-content:flex-end}#home .latest-projects .inficademy .frame .speed .row:nth-child(2) .rect:nth-child(1){background-color:#ed9918;top:-10px}#home .latest-projects .inficademy .frame .speed .row:nth-child(2) .rect:nth-child(2){background-color:#186695;left:-10px}#home .latest-projects .inficademy .frame .speed .row:nth-child(3){top:75%;right:50%;justify-content:flex-end}#home .latest-projects .inficademy .frame .speed .row:nth-child(3) .rect:nth-child(1){background-color:#ed9918;top:-10px}#home .latest-projects .inficademy .frame .speed .row:nth-child(3) .rect:nth-child(2){background-color:#186695;left:-10px}#home .latest-projects .inficademy .frame .tablet{width:200px;height:150px;border-radius:.4rem;background-color:var(--color-5);position:absolute;top:50%;left:10px;transform:translateY(-50%)}#home .latest-projects .inficademy .frame .tablet .screen{width:195px;height:145px;border-radius:.4rem;background-color:var(--color-1);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#home .latest-projects .inficademy .frame .tablet .camera{width:5px;height:5px;border-radius:50%;background-color:var(--color-3);position:absolute;top:10px;left:50%;transform:translateX(-50%)}#home .latest-projects .inficademy .frame .tablet .btn-home{width:10px;height:10px;border-radius:50%;background-color:var(--color-3);position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}#home .latest-projects .inficademy .frame .tablet .app-btns{width:195px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;padding:10px}#home .latest-projects .inficademy .frame .tablet .app-btns .btn{width:40px;height:25px;border-radius:.4rem;cursor:pointer;opacity:.5;transition:all 1s}#home .latest-projects .inficademy .frame .tablet .app-btns .btn.active,#home .latest-projects .inficademy .frame .tablet .app-btns .btn:hover{opacity:1}#home .latest-projects .inficademy .frame .tablet .app-btns .btn:nth-child(1){background-color:#ffc75f}#home .latest-projects .inficademy .frame .tablet .app-btns .btn:nth-child(2){background-color:#0081cf}#home .latest-projects .inficademy .frame .tablet .app-btns .btn:nth-child(3){background-color:#d65db1}#home .latest-projects .inficademy .frame .tablet .app-btns .btn:nth-child(4){background-color:#008e9b}#home .latest-projects .inficademy .frame .tablet .app-btns .btn:nth-child(5){background-color:#ff9671}#home .latest-projects .inficademy .frame .article{width:150px;position:absolute;top:50%;transform:translateY(-50%) skewY(10deg);right:50px}#home .latest-projects .inficademy .frame .article .image-container{width:150px;background-color:var(--color-5);position:relative}#home .latest-projects .inficademy .frame .article .image-container img{width:100%;display:block;transform:translate(25px, 25px);animation:articleImage 6s ease-in-out infinite alternate}#home .latest-projects .inficademy .frame .article .group{margin-top:50px}#home .latest-projects .inficademy .frame .article .group .value{font-size:.9rem;text-transform:uppercase;height:30px;border-radius:15px;box-sizing:border-box;padding:0 10px;display:inline-flex;align-items:center;background-color:var(--color-5);color:var(--color-2)}#home .latest-projects .inficademy .frame .article .text{margin-top:10px}#home .latest-projects .inficademy .frame .article .text h6{font-size:1rem}#home .latest-projects .inficademy .frame .article .text p{font-size:.8rem;margin-top:25px}@keyframes articleImage{from{transform:translate(25px, 25px)}to{transform:translate(10px, 10px)}}#home .latest-projects .inficademy .content{flex:1;min-width:300px;margin-top:25px}#home .latest-projects .inficademy .content .text{max-width:700px}#home .latest-projects .inficademy .content .text h3{font-size:1.5rem;margin-bottom:25px}#home .latest-projects .inficademy .content .text p{font-size:1.1rem;margin-top:10px}#home .latest-projects .inficademy .content .text a{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 10px;background-color:var(--color-10);color:var(--color-3);margin-top:10px}@media screen and (max-width: 580px){#home .latest-projects .inficademy .frame{width:100%;height:50vw}}@media screen and (max-width: 450px){#home .latest-projects .inficademy .frame{margin:50px auto 50px auto}}#home .latest-projects .magic-break{width:100%;max-width:1000px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#home .latest-projects .magic-break .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1;position:relative}#home .latest-projects .magic-break .frame .speed{width:100%;height:100%;position:absolute;top:0;left:0}#home .latest-projects .magic-break .frame .speed .row{width:100%;display:flex;box-sizing:border-box;padding:10px;position:absolute}#home .latest-projects .magic-break .frame .speed .row .rect{width:40px;height:8px;border-radius:4px;box-sizing:border-box;border:2px solid var(--color-4);position:relative}#home .latest-projects .magic-break .frame .speed .row:nth-child(1){top:25%;right:50px;justify-content:flex-end}#home .latest-projects .magic-break .frame .speed .row:nth-child(1) .rect:nth-child(3){background-color:#ed9918;top:-10px}#home .latest-projects .magic-break .frame .speed .row:nth-child(1) .rect:nth-child(1){background-color:#186695;left:-10px}#home .latest-projects .magic-break .frame .speed .row:nth-child(2){top:50%;transform:translateY(-50%);justify-content:flex-end}#home .latest-projects .magic-break .frame .speed .row:nth-child(2) .rect:nth-child(1){background-color:#ed9918;top:-10px}#home .latest-projects .magic-break .frame .speed .row:nth-child(2) .rect:nth-child(2){background-color:#186695;left:-10px}#home .latest-projects .magic-break .frame .speed .row:nth-child(3){top:75%;right:50%;justify-content:flex-end}#home .latest-projects .magic-break .frame .speed .row:nth-child(3) .rect:nth-child(1){background-color:#ed9918;top:-10px}#home .latest-projects .magic-break .frame .speed .row:nth-child(3) .rect:nth-child(2){background-color:#186695;left:-10px}#home .latest-projects .magic-break .frame .time{width:120px;height:120px;border-radius:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:4px solid var(--color-5);box-sizing:border-box;padding:20px}#home .latest-projects .magic-break .frame .time img{width:100%;height:100%;border-radius:2rem}#home .latest-projects .magic-break .content{flex:1;min-width:300px;margin-top:25px}#home .latest-projects .magic-break .content .text{max-width:700px}#home .latest-projects .magic-break .content .text h3{font-size:1.5rem;margin-bottom:25px}#home .latest-projects .magic-break .content .text p{font-size:1.1rem;margin-top:10px}#home .latest-projects .magic-break .content .text a{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 10px;background-color:var(--color-10);color:var(--color-3);margin-top:10px}@media screen and (max-width: 580px){#home .latest-projects .magic-break .frame{width:100%;height:50vw}}@media screen and (max-width: 450px){#home .latest-projects .magic-break .frame{margin:50px auto 50px auto}}#home .latest-projects .slideshow{width:100%;margin:50px auto 0 auto}#home .latest-projects .slideshow .list{width:100%}#home .latest-projects .slideshow .list>*:not(:first-child){display:none}#home .latest-projects .slideshow .options{margin-top:25px;display:flex;gap:25px}#home .latest-projects .slideshow .options .button-icon{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer}#home .latest-projects .slideshow .options button.button-icon{outline:none;padding:0;border:none}#home .latest-projects .slideshow .options button.button-icon{width:40px;height:40px;border-radius:1rem;border:1px solid var(--color-5);background-color:rgba(0,0,0,0)}#home .latest-projects .slideshow .options button.button-icon:hover{background-color:var(--color-5)}#home .latest-projects .slideshow .options button.button-icon svg{width:20px;height:20px}#home .latest-projects .slideshow .options button.button-icon svg path{fill:var(--color-2)}#home .vision{width:100%;display:flex;justify-content:center;margin-top:50px}#home .vision p{display:inline-block;background:linear-gradient(90deg, #777 0%, #fff 20%, #bbb 40%, #fff 60%, #777 100%);background-size:200% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:shine 4s linear infinite;font-size:1.33rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}
#projects{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#projects .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#projects .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1;perspective:800px;display:flex;align-items:center;justify-content:center;position:relative}#projects .zero .frame .speed{width:100%;height:100%;position:absolute;top:0;left:0}#projects .zero .frame .speed .row{width:100%;display:flex;box-sizing:border-box;padding:10px;position:absolute}#projects .zero .frame .speed .row .rect{width:40px;height:8px;border-radius:4px;box-sizing:border-box;border:2px solid var(--color-4);position:relative}#projects .zero .frame .speed .row:nth-child(1){top:50%;transform:translateY(-50%)}#projects .zero .frame .speed .row:nth-child(1) .rect:nth-child(1){background-color:#ed9918;top:-10px}#projects .zero .frame .speed .row:nth-child(1) .rect:nth-child(2){background-color:#186695;left:-10px}#projects .zero .frame .speed .row:nth-child(2){top:50%;transform:translateY(-50%);justify-content:flex-end}#projects .zero .frame .speed .row:nth-child(2) .rect:nth-child(1){background-color:#ed9918;top:-10px}#projects .zero .frame .speed .row:nth-child(2) .rect:nth-child(2){background-color:#186695;left:-10px}#projects .zero .frame .sphere{position:absolute;width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 35% 30%, #ffffff 0%, var(--color-5) 35%, transparent 70%);box-shadow:0 0 10px var(--color-5),0 0 25px var(--color-5),0 0 50px var(--color-5),0 0 80px var(--color-5);z-index:5;animation:spherePulse 3s ease-in-out infinite}@keyframes spherePulse{0%{transform:scale(0.75);box-shadow:0 0 8px var(--color-5),0 0 20px var(--color-5),0 0 35px var(--color-5)}50%{transform:scale(1.15);box-shadow:0 0 15px var(--color-5),0 0 35px var(--color-5),0 0 70px var(--color-5),0 0 100px var(--color-5)}100%{transform:scale(0.75);box-shadow:0 0 8px var(--color-5),0 0 20px var(--color-5),0 0 35px var(--color-5)}}#projects .zero .frame .cube{position:absolute;width:120px;height:120px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(35deg);animation:rotateCube 30s linear infinite}#projects .zero .frame .cube .face{position:absolute;width:120px;height:120px;border:1px solid var(--color-5);background:hsla(0,0%,100%,.05)}#projects .zero .frame .cube .front{transform:translateZ(60px);padding:10px;box-sizing:border-box;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(4, 1fr);gap:5px}#projects .zero .frame .cube .front span{background:var(--color-3);animation:pixelGlow 10s ease-in-out infinite}#projects .zero .frame .cube .front span:nth-child(1){animation-delay:.2s}#projects .zero .frame .cube .front span:nth-child(2){animation-delay:2.7s}#projects .zero .frame .cube .front span:nth-child(3){animation-delay:1.1s}#projects .zero .frame .cube .front span:nth-child(4){animation-delay:3.8s}#projects .zero .frame .cube .front span:nth-child(5){animation-delay:1.9s}#projects .zero .frame .cube .front span:nth-child(6){animation-delay:.6s}#projects .zero .frame .cube .front span:nth-child(7){animation-delay:3.2s}#projects .zero .frame .cube .front span:nth-child(8){animation-delay:1.4s}#projects .zero .frame .cube .front span:nth-child(9){animation-delay:2.3s}#projects .zero .frame .cube .front span:nth-child(10){animation-delay:.9s}#projects .zero .frame .cube .front span:nth-child(11){animation-delay:3.6s}#projects .zero .frame .cube .front span:nth-child(12){animation-delay:1.7s}#projects .zero .frame .cube .front span:nth-child(13){animation-delay:2.9s}#projects .zero .frame .cube .front span:nth-child(14){animation-delay:.4s}#projects .zero .frame .cube .front span:nth-child(15){animation-delay:3.4s}#projects .zero .frame .cube .front span:nth-child(16){animation-delay:2.1s}@keyframes pixelGlow{0%,70%,100%{background:var(--color-5);opacity:1}80%{background:var(--color-9);opacity:.5}90%{background:var(--color-9);opacity:.5}}@keyframes pixelGlow{0%,70%,100%{background:var(--color-5);opacity:1}80%{background:var(--color-9);opacity:.5}90%{background:var(--color-9);opacity:.5}}#projects .zero .frame .cube .back{transform:rotateY(180deg) translateZ(60px)}#projects .zero .frame .cube .right{transform:rotateY(90deg) translateZ(60px)}#projects .zero .frame .cube .left{transform:rotateY(-90deg) translateZ(60px)}#projects .zero .frame .cube .top{transform:rotateX(90deg) translateZ(60px)}#projects .zero .frame .cube .bottom{transform:rotateX(-90deg) translateZ(60px)}@keyframes rotateCube{from{transform:rotateX(-20deg) rotateY(0deg)}to{transform:rotateX(-20deg) rotateY(360deg)}}#projects .zero .content{flex:1;min-width:300px;margin-top:25px}#projects .zero .content .text{max-width:700px}#projects .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#projects .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#projects .zero .frame{width:100%;height:50vw}}#projects .projects{width:100%;margin-top:25px;display:grid;justify-content:center;grid-template-columns:repeat(auto-fill, 400px);gap:25px}#projects .projects .project{width:100%;height:600px;border-radius:2rem;box-sizing:border-box;padding:25px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--color-4)}#projects .projects .project .frame{width:100%;height:250px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#projects .projects .project .content{width:100%;flex:1;display:flex;flex-direction:column}#projects .projects .project h4{font-size:1rem;margin-top:25px}#projects .projects .project p{flex:1;font-size:1rem;margin-top:25px}#projects .projects .project .version{margin-top:25px}#projects .projects .project .version .value{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 10px;border:1px solid var(--color-10);color:var(--color-10)}#projects .projects .project .link{margin-top:25px;text-align:right}#projects .projects .project .link .value{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 10px;background-color:var(--color-10);color:var(--color-3)}@media screen and (max-width: 450px){#projects .projects{grid-template-columns:repeat(auto-fill, 100%)}#projects .projects .project{height:auto}#projects .projects .project .frame{height:50vw}}
#b2-zero{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#b2-zero .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#b2-zero .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#b2-zero .zero .content{flex:1;min-width:300px;margin-top:25px}#b2-zero .zero .content .text{max-width:700px}#b2-zero .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#b2-zero .zero .content .text p{font-size:1.1rem;margin-top:10px}#b2-zero .zero .content .text .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;user-select:none;border-radius:.4rem}#b2-zero .zero .content .text a.button-text{text-decoration:none}#b2-zero .zero .content .text a.button-text{height:50px;padding:0 25px;font-size:25px;border-radius:25px;background-color:var(--color-5);color:var(--color-2);margin-top:25px}@media screen and (max-width: 580px){#b2-zero .zero .frame{width:100%;height:50vw}}#b2-zero .features{width:100%;max-width:1000px;margin:50px auto 0 auto;display:flex;flex-wrap:wrap;gap:25px;box-sizing:border-box;padding:10px}#b2-zero .features .feature{flex:1;min-width:300px;max-width:400px;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box}#b2-zero .features .feature .icon-label{display:flex;align-items:center;gap:25px}#b2-zero .features .feature .icon-label svg{width:40px;height:40px}#b2-zero .features .feature .icon-label svg path{fill:var(--color-10)}#b2-zero .features .feature .icon-label h3{font-size:1.3rem}#b2-zero .features .feature p{font-size:1.1rem;margin-top:25px}#b2-zero .open-ecosystem{width:100%;margin-top:50px}#b2-zero .open-ecosystem .core{width:100%;box-sizing:border-box;padding:10px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#b2-zero .open-ecosystem .core .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#b2-zero .open-ecosystem .core .content{flex:1;min-width:300px;margin-top:25px}#b2-zero .open-ecosystem .core .content .text{max-width:700px}#b2-zero .open-ecosystem .core .content .text h2{font-size:1.5rem;margin-bottom:25px}#b2-zero .open-ecosystem .core .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#b2-zero .open-ecosystem .core .frame{width:100%;height:50vw}}#b2-zero .open-ecosystem .projects{width:100%;display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}#b2-zero .open-ecosystem .projects .project{width:400px;box-sizing:border-box;border-radius:2rem;padding:25px;border:1px solid var(--color-4);display:inline-flex;align-items:flex-start;gap:25px}#b2-zero .open-ecosystem .projects .project .frame{width:100px;height:80px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#b2-zero .open-ecosystem .projects .project .content{flex:1}#b2-zero .open-ecosystem .projects .project .content h3{font-size:1.2rem}#b2-zero .open-ecosystem .projects .project .content p{font-size:.9rem;margin-top:10px}#b2-zero .open-ecosystem .projects .project .content a{display:inline-flex;align-items:center;justify-content:center;height:30px;font-size:15px;border-radius:15px;box-sizing:border-box;padding:0 10px;background-color:var(--color-10);color:var(--color-3);margin-top:10px}
#spark-code{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#spark-code .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#spark-code .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#spark-code .zero .content{flex:1;min-width:300px;margin-top:25px}#spark-code .zero .content .text{max-width:700px}#spark-code .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#spark-code .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#spark-code .zero .frame{width:100%;height:50vw}}#spark-code .concept{width:100%;margin-top:50px}#spark-code .concept .text{max-width:700px;margin:0 auto 25px auto}#spark-code .concept .text h2{font-size:1.5rem;margin-bottom:25px}#spark-code .concept .text p{font-size:1.1rem;margin-top:10px}#spark-code .concept .routine{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:25px}#spark-code .concept .routine .step{width:200px;height:200px;border-radius:1rem;background-color:var(--color-3);color:var(--color-2);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:10px}#spark-code .concept .routine .step h3{margin-bottom:25px}#spark-code .lab{width:100%;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:50px}#spark-code .lab .github{width:120px;height:120px;border-radius:50%;box-sizing:border-box;border:1px solid var(--color-5);color:var(--color-5);display:inline-flex;justify-content:center;align-items:center}#spark-code .lab .github svg{width:80%;height:80%}#spark-code .lab .github svg path{fill:var(--color-5)}#spark-code .lab .text{max-width:700px}#spark-code .lab .text h2{font-size:1.5rem;margin-bottom:25px}#spark-code .lab .text p{font-size:1.1rem;margin-top:10px}#spark-code .lab .text a{display:inline-flex;justify-content:center;align-items:center;width:150px;height:80px;border-radius:40px;background-color:var(--color-5);color:var(--color-3);margin-top:25px}#spark-code .lab .text a img{width:100%;height:100%}#spark-code .vision{width:100%;display:flex;justify-content:center;margin-top:50px}#spark-code .vision p{display:inline-block;background:linear-gradient(90deg, #777 0%, #fff 20%, #bbb 40%, #fff 60%, #777 100%);background-size:200% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:shine 4s linear infinite;font-size:1.33rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}
#spark-management{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#spark-management .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#spark-management .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#spark-management .zero .content{flex:1;min-width:300px;margin-top:25px}#spark-management .zero .content .text{max-width:700px}#spark-management .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#spark-management .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#spark-management .zero .frame{width:100%;height:50vw}}#spark-management .concept{width:100%;margin-top:50px}#spark-management .concept .text{max-width:700px;margin:0 auto 25px auto}#spark-management .concept .text h2{font-size:1.5rem;margin-bottom:25px}#spark-management .concept .text p{font-size:1.1rem;margin-top:10px}#spark-management .concept .routine{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:25px}#spark-management .concept .routine .step{width:200px;height:200px;border-radius:1rem;background-color:var(--color-3);color:var(--color-2);display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;padding:10px}#spark-management .concept .routine .step h3{margin-bottom:25px}#spark-management .lab{width:100%;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:50px}#spark-management .lab .github{width:120px;height:120px;border-radius:50%;box-sizing:border-box;border:1px solid var(--color-5);color:var(--color-5);display:inline-flex;justify-content:center;align-items:center}#spark-management .lab .github svg{width:80%;height:80%}#spark-management .lab .github svg path{fill:var(--color-5)}#spark-management .lab .text{max-width:700px}#spark-management .lab .text h2{font-size:1.5rem;margin-bottom:25px}#spark-management .lab .text p{font-size:1.1rem;margin-top:10px}#spark-management .lab .text a{display:inline-flex;justify-content:center;align-items:center;width:150px;height:80px;border-radius:40px;background-color:var(--color-5);color:var(--color-3);margin-top:25px}#spark-management .lab .text a img{width:100%;height:100%}#spark-management .vision{width:100%;display:flex;justify-content:center;margin-top:50px}#spark-management .vision p{display:inline-block;background:linear-gradient(90deg, #777 0%, #fff 20%, #bbb 40%, #fff 60%, #777 100%);background-size:200% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:shine 4s linear infinite;font-size:1.33rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}
#access{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#access .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#access .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#access .zero .content{flex:1;min-width:300px;margin-top:25px}#access .zero .content .text{max-width:700px}#access .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#access .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#access .zero .frame{width:100%;height:50vw}}#access .public-access{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}#access .public-access .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#access .public-access .content{flex:1;min-width:300px;margin-top:25px}#access .public-access .content .text{max-width:700px}#access .public-access .content .text h2{font-size:1.5rem;margin-bottom:25px}#access .public-access .content .text p{font-size:1.1rem;margin-top:10px}#access .public-access .content .text ul{margin-top:10px}#access .public-access .content .text li{font-size:1.1rem}@media screen and (max-width: 580px){#access .public-access .frame{width:100%;height:50vw}}#access .private-access{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}#access .private-access .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#access .private-access .content{flex:1;min-width:300px;margin-top:25px}#access .private-access .content .text{max-width:700px}#access .private-access .content .text h2{font-size:1.5rem;margin-bottom:25px}#access .private-access .content .text p{font-size:1.1rem;margin-top:10px}#access .private-access .content .text ul{margin-top:10px}#access .private-access .content .text li{font-size:1.1rem}@media screen and (max-width: 580px){#access .private-access .frame{width:100%;height:50vw}}#access .ai-access{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}#access .ai-access .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#access .ai-access .content{flex:1;min-width:300px;margin-top:25px}#access .ai-access .content .text{max-width:700px}#access .ai-access .content .text h2{font-size:1.5rem;margin-bottom:25px}#access .ai-access .content .text p{font-size:1.1rem;margin-top:10px}#access .ai-access .content .text ul{margin-top:10px}#access .ai-access .content .text li{font-size:1.1rem}@media screen and (max-width: 580px){#access .ai-access .frame{width:100%;height:50vw}}#access .core{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}#access .core .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#access .core .content{flex:1;min-width:300px;margin-top:25px}#access .core .content .text{max-width:700px}#access .core .content .text h2{font-size:1.5rem;margin-bottom:25px}#access .core .content .text p{font-size:1.1rem;margin-top:10px}#access .core .content .text ul{margin-top:10px}#access .core .content .text li{font-size:1.1rem}@media screen and (max-width: 580px){#access .core .frame{width:100%;height:50vw}}#access .vision{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:25px}#access .vision .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#access .vision .content{flex:1;min-width:300px;margin-top:25px}#access .vision .content .text{max-width:700px}#access .vision .content .text h2{font-size:1.5rem;margin-bottom:25px}#access .vision .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#access .vision .frame{width:100%;height:50vw}}
#the-journey{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#the-journey h2{width:100%;max-width:700px;font-size:2rem}#the-journey .text{width:100%;max-width:700px;margin-top:25px}#the-journey .text h3{font-size:1.5em}#the-journey .text h4{font-size:1.1em;margin-top:25px}#the-journey .text p{font-size:1.1rem;margin-top:25px}#the-journey .text ul{margin-top:10px}#the-journey .text ul li{font-size:1.1rem}#the-journey .text blockquote{font-style:italic;border-left:3px solid var(--color-10);box-sizing:border-box;padding-left:1rem;margin:1rem 0;display:block;background:linear-gradient(90deg, #777 0%, #fff 20%, #bbb 40%, #fff 60%, #777 100%);background-size:200% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:shine 4s linear infinite;font-size:1.33rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}#the-journey .contact{width:100%;margin-top:50px}#the-journey .contact a{font-size:1.1rem;color:var(--color-2)}
#club{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#club .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#club .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#club .zero .content{flex:1;min-width:300px;margin-top:25px}#club .zero .content .text{max-width:700px}#club .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#club .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#club .zero .frame{width:100%;height:50vw}}#club .goal{width:100%;margin-top:50px}#club .goal .text{width:100%;max-width:700px;margin:0 auto}#club .goal .text p{font-size:1.1rem}#club .goal .overview{width:100%;max-width:1000px;display:flex;gap:25px;flex-wrap:wrap;margin-top:50px}#club .goal .overview .block{flex:1;min-width:300px;border-radius:1rem;border:1px solid var(--color-4);box-sizing:border-box;padding:25px}#club .goal .overview .block h4{font-size:1.2rem}#club .goal .overview .block p{font-size:1.1rem;margin-top:25px}#club .what-youll-do{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:50px}#club .what-youll-do h3{font-size:1.5rem;text-align:center}#club .what-youll-do .activities{width:100%;max-width:1000px;display:flex;flex-wrap:wrap;gap:25px}#club .what-youll-do .activities .activity{width:300px;border-radius:2rem}#club .what-youll-do .activities .activity .frame{width:100%;height:150px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#club .what-youll-do .activities .activity .core{width:100%;margin-top:25px}#club .what-youll-do .activities .activity .core h6{font-size:1.3rem}#club .what-youll-do .activities .activity .core p{font-size:1.1rem;margin-top:25px}#club .reward{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:50px}#club .reward .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#club .reward .content{flex:1;min-width:300px;margin-top:25px}#club .reward .content .text{max-width:700px}#club .reward .content .text h4{font-size:1.5rem;margin-bottom:25px}#club .reward .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#club .reward .frame{width:100%;height:50vw}}#club .rules{margin-top:50px}#club .rules .text{width:100%;max-width:700px}#club .rules .text h4{font-size:1.4rem}#club .rules .text p{font-size:1.1rem;margin-top:25px}#club .coming-soon{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;margin-top:50px}#club .coming-soon .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#club .coming-soon .content{flex:1;min-width:300px;margin-top:25px}#club .coming-soon .content .text{max-width:700px}#club .coming-soon .content .text h2{font-size:1.5rem;margin-bottom:25px}#club .coming-soon .content .text p{font-size:1.1rem;margin-top:10px}#club .coming-soon .content .text .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;user-select:none;border-radius:.4rem}#club .coming-soon .content .text a.button-text{text-decoration:none}#club .coming-soon .content .text .button-text{background-color:var(--color-5);color:var(--color-2);height:50px;padding:0 15px;font-size:25px;border-radius:25px;margin-top:25px}@media screen and (max-width: 580px){#club .coming-soon .frame{width:100%;height:50vw}}
#sign-in{width:100%;display:flex;flex-direction:column;gap:25px;justify-content:center;align-items:center;box-sizing:border-box;padding:0 10px}#sign-in .zero{max-width:1000px;width:100%;display:flex;justify-content:flex-end}#sign-in .zero .text{width:100%;max-width:calc(100% - 300px);box-sizing:border-box;padding:25px}#sign-in .zero .text h3{font-size:1.5rem}#sign-in .zero .text p{font-size:1.3rem;margin-top:25px}@media screen and (max-width: 800px){#sign-in .zero .text{max-width:100%}}#sign-in .from-container{max-width:1000px;width:100%;display:flex;gap:50px}#sign-in .from-container .frame{flex-shrink:0;width:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1;position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:25px}#sign-in .from-container .frame .demo p{font-size:1.1rem;margin-bottom:25px}#sign-in .from-container .frame .demo .email,#sign-in .from-container .frame .demo .password{font-size:1rem}#sign-in .from-container .frame .demo .email .value,#sign-in .from-container .frame .demo .password .value{font-size:1.3rem}#sign-in .from-container *[class*=form-error],#sign-in .from-container *[class*=form-warning],#sign-in .from-container *[class*=form-message]{display:block;margin:10px 0;box-sizing:border-box;border-radius:5px;padding:10px}#sign-in .from-container .form-row label,#sign-in .from-container .form-row input,#sign-in .from-container .form-row textarea{display:block;margin:10px 0;box-sizing:border-box}#sign-in .from-container .form-row input,#sign-in .from-container .form-row textarea{border:none;outline:none;border-radius:.4rem}#sign-in .from-container .form-row label{font-weight:bolder}#sign-in .from-container .form-row input{width:100%;height:40px;border-radius:5px;outline:none;padding:10px}#sign-in .from-container .form-row .input-icon{position:relative}#sign-in .from-container .form-row .input-icon .icon,#sign-in .from-container .form-row .input-icon i{width:30px;height:30px;font-size:20px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%)}#sign-in .from-container .form-row .input-icon svg{width:15px;max-height:15px}#sign-in .from-container .form-row .input-icon input{padding:5px 5px 5px 40px}#sign-in .from-container .form-row .input-icon .icon,#sign-in .from-container .form-row .input-icon i{opacity:.5}#sign-in .from-container .form-row .input-icon input:focus+i,#sign-in .from-container .form-row .input-icon input:focus+.icon{opacity:1}#sign-in .from-container .form-row textarea{resize:vertical}#sign-in .from-container .form-row .button-submit{display:flex;gap:10px;font-size:1rem;font-weight:bolder;box-sizing:border-box;padding:10px 25px;border-radius:.4rem;outline:none;border:none;box-shadow:1px 1px 4px var(--color-100)}#sign-in .from-container .form-row .button-submit svg{width:15px}#sign-in .from-container .button-text{display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;padding:10px;cursor:pointer;user-select:none;border-radius:.4rem}#sign-in .from-container a.button-text{text-decoration:none}#sign-in .from-container form{display:block;width:100%;max-width:700px;box-sizing:border-box;padding:25px;border-radius:2rem;border:4px dotted var(--color-5)}#sign-in .from-container .form-row{margin-top:25px}#sign-in .from-container .form-row .input-icon input{height:50px;font-size:1.1rem;background-color:var(--color-1);border:1px solid var(--color-5);color:var(--color-2);border-radius:1rem}#sign-in .from-container .form-row .input-icon input::placeholder{color:var(--color-5)}#sign-in .from-container .form-row .input-icon .icon{width:40px;height:40px}#sign-in .from-container .form-row .input-icon .icon svg{width:20px;height:20px;max-height:none}#sign-in .from-container .form-row .input-icon .icon svg path{fill:var(--color-5)}#sign-in .from-container .button-text{font-size:1rem;background-color:var(--color-5);color:var(--color-2)}#sign-in .from-container .form-checkbox{display:flex;align-items:center;gap:10px}#sign-in .from-container .form-checkbox input[type=checkbox]{appearance:none;width:20px;height:20px;margin:0;padding:0;border-radius:5px;background-color:var(--color-4);border:2px solid var(--color-4);cursor:pointer;position:relative}#sign-in .from-container .form-checkbox input[type=checkbox]:checked{background-color:var(--color-5);border-color:var(--color-5)}#sign-in .from-container .form-checkbox input[type=checkbox]:checked::after{content:"";position:absolute;width:5px;height:10px;border:solid var(--color-2);border-width:0 2px 2px 0;transform:rotate(45deg);left:6px;top:2px}@media screen and (max-width: 800px){#sign-in .from-container{flex-direction:column;max-width:100%}#sign-in .from-container .frame{width:300px;height:250px}#sign-in .from-container form{max-width:none}}
#miscellaneous-contact{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#miscellaneous-contact .zero{width:100%;box-sizing:border-box;padding:10px;display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap}#miscellaneous-contact .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#miscellaneous-contact .zero .content{flex:1;min-width:300px;margin-top:25px}#miscellaneous-contact .zero .content .text{max-width:700px}#miscellaneous-contact .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#miscellaneous-contact .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#miscellaneous-contact .zero .frame{width:100%;height:50vw}}