@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rubik+Mono+One&display=swap";*{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Poppins,sans-serif;font-weight:500;color:#323232}*{box-sizing:border-box}nav{padding:10px 450px;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:0 2px 2px -2px #0003}nav .brand a{color:green;text-decoration:none;font-weight:bolder;font-size:1.8em;display:flex;align-items:center}nav .items{position:absolute;left:50%;transform:translate(-50%)}nav .items ul{display:flex;align-items:center;gap:50px;margin:0;padding:0}nav .items ul li{list-style-type:none;position:relative}nav .items ul li a{color:#323232;text-decoration:none;font-weight:600;font-size:.9em;display:flex;align-items:center;gap:5px}nav .items ul li.dropdown:hover>a{color:green}nav .items ul li .dropdown-menu{position:absolute;top:calc(100% + 2px);left:0;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:5px 0;margin:0;min-width:160px;z-index:1000;gap:0}nav .items ul li .dropdown-menu li{list-style:none;padding:8px 16px;margin:0}nav .items ul li .dropdown-menu li a{display:block;width:100%;color:#323232;text-decoration:none}nav .items ul li .dropdown-menu li a:hover{background-color:#f5f5f5}nav .actions{margin-left:auto}nav .actions a button{padding:15px;font-family:Poppins,sans-serif;font-weight:700;border-radius:10px;border:none;background-color:green;color:#fff;cursor:pointer;transition:background-color .3s ease}nav .actions a button:hover{background-color:#006400}.news{text-align:center;display:flex;align-items:center;justify-content:center;padding:10px;background-color:green;color:#fff;gap:10px}.news p{font-size:.9em}.news a{color:#fff;text-decoration:underline}footer{background-color:#f5f5f5;padding:50px 400px;display:flex}footer .container{display:flex;margin-left:auto;gap:50px}footer .container .section li{list-style-type:none}footer .container .section li a{text-decoration:underline;color:#323232;font-size:.9em}footer .container .section h4{color:green;font-family:Rubik Mono One,monospace;font-size:medium}.copyright{text-align:center;padding:20px;background-color:#fff;font-size:.8em}.hamburger{display:none;cursor:pointer}@media (max-width: 768px){nav{padding:10px 20px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}nav .items.open{display:flex}nav .actions.open{display:block}.hamburger{display:block;cursor:pointer;margin-left:auto;padding:5px}nav .brand{margin-bottom:10px}nav .items{position:static;transform:none;width:100%;display:none}nav .items ul{flex-direction:column;gap:20px;width:100%}nav .items ul li{text-align:left}nav .items ul li .dropdown-menu{position:static;box-shadow:none;border:none;padding:0;margin:0;width:100%}nav .items ul li .dropdown-menu li{padding:10px 0}nav .actions{margin-left:0;width:100%;text-align:center;margin-top:10px;display:none}nav .actions a button{width:100%}.news{flex-direction:column;padding:10px 20px;text-align:center}footer{padding:20px;flex-direction:column}footer .container{flex-direction:column;gap:20px;margin-left:0}.copyright{font-size:.7em}}@media (max-width: 480px){nav{padding:10px}nav .brand a{font-size:1.5em}nav .items ul li a{font-size:.8em}nav .actions a button{font-size:.9em}.news p{font-size:.8em}footer .container .section li a{font-size:.8em}.copyright{font-size:.6em}}.hero{background-image:url(../../../background_polka_dot_2.png);background-size:contain;padding:150px 400px;display:flex;align-items:center}.hero .text h1{font-size:2em;margin-bottom:5px;font-family:Rubik Mono One,monospace}.hero .text span{color:green}.hero .text a button{padding:15px;border-radius:10px;border:none;background-color:green;color:#fff;font-family:Poppins,sans-serif;font-weight:700;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.hero .text a button:hover{background-color:#006400}.hero .mockup{margin-left:auto}.servers{padding:100px;text-align:center;background-color:#f5f5f5}.servers h1{color:green;font-family:Rubik Mono One,monospace}.servers .container{display:flex;justify-content:center;margin-top:50px;gap:30px}.servers .container .server{text-align:left;background-color:#fff;padding:20px;width:300px;border:green 2px solid;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.servers .container .server:hover{transform:scale(1.01)}.servers .container .name{margin-bottom:20px}.servers .container .name h2{color:green;font-family:Rubik Mono One,monospace;font-size:larger}.servers .container .info{margin-bottom:20px;font-size:.9em}.servers .container .action{margin-top:auto}.servers .container .action a button{padding:15px;width:100%;font-family:Poppins,sans-serif;font-weight:700;background-color:green;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.servers .container .action a button:hover{background-color:#006400}.features{text-align:center;background-color:#fff;padding:100px 400px}.features h1{color:green;font-family:Rubik Mono One,monospace}.features .container{justify-content:center;margin-top:50px}.features .container .feature{background-color:#f5f5f5;text-align:left;display:flex;align-items:center;padding:20px 50px;border-radius:20px;border:green 2px solid;margin:30px;transition:transform .2s ease,box-shadow .2s ease}.features .container .feature:hover{transform:scale(1.01)}.features .container .feature .content-1 h2{font-family:Rubik Mono One,monospace;color:green}.features .container .feature .image-1,.features .container .feature .content-2{margin-left:auto}.features .container .feature .content-2 h2{font-family:Rubik Mono One,monospace;text-align:right;color:green}.cta{padding:100px;text-align:center;background-color:green;color:#fff}.cta h1{font-family:Rubik Mono One,monospace;font-size:1.8em}.cta p{margin-top:20px}.cta a button{padding:15px 30px;border-radius:10px;border:none;background-color:#fff;font-family:Poppins,sans-serif;font-weight:700;color:green;cursor:pointer;margin-top:20px;transition:background-color .3s ease}.cta a button:hover{background-color:#006400;color:#fff}.about{padding:100px 400px}.about h1{color:green;font-family:Rubik Mono One,monospace;margin-top:50px}.about .team{display:flex;align-items:center}.about .team .member{text-align:center;margin:20px;padding:20px;background-color:#f5f5f5;border:green 2px solid;border-radius:20px}.about .team .member .info .image img{border-radius:20px;width:200px;height:200px}.about .team .member .info .name h2{font-family:Rubik Mono One,monospace;color:green;font-size:small}.about .team .member .info .name p{font-size:.8em}.about .team .member .links{display:flex;justify-content:center;gap:10px;margin-top:10px}.jobs{padding:100px 400px}.jobs h1{color:green;font-family:Rubik Mono One,monospace;margin-top:50px}.jobs h2{margin-top:50px;font-family:Rubik Mono One,monospace;color:green;font-size:1.5em}main{padding:100px 400px}main h1{color:green;font-family:Rubik Mono One,monospace;margin-top:50px}main h2{margin-top:50px;color:green}.faq{text-align:center;background-color:#f5f5f5;padding:100px 400px}.faq h1{color:green;font-family:Rubik Mono One,monospace}.faq .container{text-align:left;margin-top:30px;margin-left:50px;margin-right:50px}details{margin-bottom:15px;border:1px solid rgba(0,128,0,.2);border-radius:10px;padding:15px;background-color:#fff;border:green 2px solid;transition:transform .2s ease,box-shadow .2s ease}details:hover{transform:scale(1.01)}summary{font-weight:700;color:green;cursor:pointer;display:flex;justify-content:space-between;align-items:center}details p{margin-top:10px;font-family:Poppins,sans-serif;font-size:.9em;line-height:1.5}details[open] summary{color:#006400}@media (max-width: 768px){.hero,.servers,.features,.cta,.about,.jobs,.faq,main{padding:50px 20px}.hero{flex-direction:column;text-align:center}.hero .text{margin-bottom:20px}.hero .mockup{margin:0 auto;display:none}.servers .container{flex-direction:column;gap:20px}.servers .container .server{width:100%}.features{padding:50px 20px}.features .container .feature{flex-direction:column;text-align:center;align-items:center;margin:20px 0;padding:20px}.features .container .feature .content-1,.features .container .feature .content-2{margin:20px auto;text-align:center}.features .container .feature .content-2 h2{text-align:center}.features .container .feature .image-1,.features .container .feature .image-2{margin:20px auto;max-width:100%}.about .team{flex-direction:column}.about .team .member{width:100%}.faq .container{margin-left:0;margin-right:0}details{padding:10px}summary{font-size:1em}details p{font-size:.85em}.cta h1{font-size:1.5em}.cta a button{width:100%}}@media (max-width: 480px){.hero h1{font-size:1.5em}.hero .text a button{font-size:.9em}.servers .container .server,.features .container .feature{padding:15px}.cta h1{font-size:1.2em}.cta a button{font-size:.9em}details p{font-size:.8em}}