:root{--shadows1:5px 5px #fff;--shadows2:5px 5px #fff;--shadows3:5px 5px #fff}html *{box-sizing:border-box}html body{background-color:#282828;color:#fff;font-family:Barlow;margin:0;padding:0}html body p{font-size:14px}html body a{color:#fff;text-decoration:none}html body a:active,html body a:link,html body a:visited{color:#fff}html body main{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:100px 60px;position:relative;width:100%}html body main #particles{height:100vh;opacity:.3;overflow:hidden;position:fixed;width:100vw}html body main #particles .particle,html body main #particles .particle:after{background:#adff2f;border-radius:50%;position:absolute}html body main #particles .particle:after{content:"";right:100vw}html body main #particles .particle:first-child{animation:move 15s linear infinite}html body main #particles .particle:nth-child(2){animation:move 30s linear infinite}html body main #particles .particle:nth-child(3){animation:move 60s linear infinite}html body main #particles .particle:first-child,html body main #particles .particle:first-child:after{box-shadow:var(--shadows1);height:2px;width:2px}html body main #particles .particle:nth-child(2),html body main #particles .particle:nth-child(2):after{box-shadow:var(--shadows2);height:4px;width:4px}html body main #particles .particle:nth-child(3),html body main #particles .particle:nth-child(3):after{box-shadow:var(--shadows3);height:5px;width:5px}html body main .client-login{position:absolute;right:20px;top:20px;width:-moz-max-content;width:max-content}html body main .container{font-size:23px;height:-moz-max-content;height:max-content;text-align:center;width:200px}html body main .container .logo{display:block;isolation:isolate;opacity:0}html body main .container .logo path:first-of-type{transform:translate(-300px,-300px)}html body main .container .logo path:last-of-type{transform:translate(300px,300px)}html body main .container .logo.show{opacity:1}html body main .container .logo.show svg{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}html body main .container .logo.show svg path:first-of-type{animation:logo-top-in 2s;transform:translate(0)}html body main .container .logo.show svg path:last-of-type{animation:logo-bottom-in 2s;transform:translate(0)}html body main .container.privacy{margin:0 auto;max-width:700px;padding:0 1.5rem;width:unset}html body main .container.privacy .logo{margin:0 auto;max-width:200px}html body main .container .contact{display:flex;justify-content:space-around;margin-top:20px}html body main .container .contact a{transition:all .3s}html body main .container .contact a:first-of-type svg{transform:scale(0);transition:all .6s}html body main .container .contact a:first-of-type svg.zoom-in{transform:scale(1)}html body main .container .contact a:first-of-type svg path{fill:#f03c2e}html body main .container .contact a:nth-of-type(2) svg{transform:scale(0);transition:all .6s}html body main .container .contact a:nth-of-type(2) svg.zoom-in{transform:scale(1)}html body main .container .contact a:nth-of-type(2) svg path{fill:#0072b1}html body main .container .contact a:nth-of-type(3) svg{transform:scale(0);transition:all .6s}html body main .container .contact a:nth-of-type(3) svg.zoom-in{transform:scale(1)}html body main .container .contact a svg{height:40px;width:40px}html body main .container .contact a:hover svg path{fill:#fff!important}html body main .cookies-banner{background-color:#333;display:none;font-size:12px;inset:auto 0 0 0;justify-content:space-between;padding:10px;position:fixed}@media screen and (max-width:767.98px){html body main .cookies-banner{flex-direction:column;gap:10px;text-align:center}html body main .cookies-banner .buttons{margin:0 auto}}html body main .cookies-banner>div{align-items:center;display:flex}html body main .cookies-banner .buttons{font-weight:700;gap:5px}html body main .cookies-banner .buttons a,html body main .cookies-banner .buttons>div{background-color:#fff;color:#333;cursor:pointer;display:block;padding:8px 16px;white-space:nowrap}html body main .cookies-banner .buttons a:hover,html body main .cookies-banner .buttons>div:hover{filter:brightness(.8)}@keyframes logo-top-in{0%{transform:translate(-300px,-300px)}to{transform:translate(0)}}@keyframes logo-bottom-in{0%{transform:translate(300px,300px)}to{transform:translate(0)}}@keyframes move{0%{transform:translateX(0)}to{transform:translateX(100vw)}}
