:root{--green: #4cedc4;--darkGrey: #292f36;--white: #fffffa;--black: #000013;--orange: #fa8334;--red: #ff312e}html,body{margin:0;padding:0;min-height:100%}body{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-shadow:0 2px 0 rgba(0,0,0,.07);text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/floating-cogs-lJKs8lV2.svg);background-color:var(--darkGrey);color:var(--white)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,*:before,*:after{box-sizing:inherit}.background{display:flex;flex-direction:column;min-height:100vh;color:var(--white)}.content{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto;grid-template-areas:"countdown" "logo" "title" "description" "subscribe" "social";justify-items:center;align-items:center;flex-grow:.75}:root{--countdown-border-color: var(--green);--countdown-font-color: var(--white);--countdown-finished-color: var(--green);--countdown-transition: all .2s ease-in}.countdown{grid-area:countdown;display:grid;grid-template-columns:repeat(4,minmax(50px,150px));gap:10px;padding-bottom:10px;justify-content:center}.countdown div:not(:last-child){border-right:2px solid var(--countdown-border-color)}.countdown-segment{display:grid;gap:10px;grid-template-columns:1fr}.countdown-segment-number{font-size:30px;font-weight:700;transition:var(--countdown-transition)}.countdown-segment-number:hover{transform:scale(1.2)}.countdown-segment-caption{font-size:16px;font-weight:500}.countdown-finished{grid-area:countdown;display:flex;justify-content:center;align-items:center;font-size:24px;text-transform:uppercase;font-weight:700;color:var(--countdown-finished-color);background-color:#0000001a;border-radius:8px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:var(--countdown-transition)}.countdown-finished:hover{transform:scale(1.05);box-shadow:0 6px 8px #00000026}@media(max-width:500px){.countdown{border-bottom:5px solid var(--countdown-border-color)}.countdown div:not(:last-child){border-right:0}.countdown-finished{font-size:20px;padding:15px}}.logo-container{grid-area:logo}.logo{animation:logo-spin infinite 20s linear;height:40vmin}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title{grid-area:title;display:grid;grid-gap:20px;width:100%;max-width:700px;grid-template-columns:1fr auto 1fr;align-items:center}.title:before,.title:after{display:block;content:"";height:10px}.title:before{background:linear-gradient(to left,var(--green),transparent)}.title:after{background:linear-gradient(to right,var(--green),transparent)}@media screen and (max-width:600px){.title{font-size:25px}}.description{grid-area:description;display:grid;font-size:16px;font-weight:500;max-width:700px;grid-template-columns:1fr}.description-text{grid-column:1 / -1;grid-row:1 / -1}@media screen and (max-width:600px){.description{font-size:14px;padding:0 15px;text-align:justify}}.subscribe{grid-area:subscribe;display:grid;grid-gap:5px;grid-template-columns:[input] 4fr [button] 1fr;align-items:center}.subscribe-email{grid-area:input;border-radius:4px;height:40px;background-color:var(--black);border:1px solid var(--white);color:var(--white);padding-left:10px;outline:none;font-size:16px;transition:all .2s ease-in}.subscribe-email::placeholder{color:var(--white);font-size:16px}.subscribe-email:focus,:hover{border-color:var(--green)}.subscribe-button{grid-area:button;height:40px;background-color:var(--green);border:1px solid var(--black);border-radius:4px;padding:10px;font-size:16px;font-weight:bolder;cursor:pointer;transition:all .2s ease-in}.subscribe-button:hover{filter:brightness(85%)}.subscribe-button:focus{outline:none}.popup{background-color:#4caf50;color:#fff;padding:15px;border-radius:5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}@media(max-width:700px){.subscribe{grid-template-areas:"input" "button"}.subscribe-email,.subscribe-button{width:250px;grid-column:1 / -1}}.footer{grid-area:footer;width:100%;padding:20px 0;margin-top:auto}.footer-content{display:flex;justify-content:center;align-items:center;gap:10px}.social-link{color:var(--white);transition:color .2s ease-in-out,transform .2s ease-in-out}.social-link:hover{color:var(--green);transform:scale(1.1)}
