: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}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;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}#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-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{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{background-color:var(--color-4)}#page-zero .z-menu .wrapper a.active{background-color:var(--color-10);color:var(--color-1)}#page-zero .z-menu .wrapper a.i-club{border:2px solid var(--color-8)}#page-zero .z-menu .wrapper a.i-club.active{background-color:var(--color-5);color:var(--color-2)}#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}}#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 .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);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}#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;margin:50px auto 0 auto;box-sizing:border-box;padding:10px;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}#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}}#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}#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}}
#miscellaneous-contact{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:50px;color:var(--color-2);box-sizing:border-box;padding:200px 10px}#miscellaneous-contact h2,#miscellaneous-contact p{max-width:700px}#miscellaneous-contact .frame{width:700px;height:200px;border-radius:1rem;box-sizing:border-box;padding:10px;border:1px solid var(--color-2);overflow:hidden;display:flex;justify-content:center;align-items:center}#miscellaneous-contact .frame a{font-size:1.3rem;text-decoration:underline;color:var(--color-2)}