@charset "UTF-8";:root{--clr-primary:hsl(225, 6%, 13%);--clr-secondary:hsl(210, 6%, 18%);--clr-accent:hsl(157, 63%, 51%);--clr-accent2:hsl(61, 38%, 53%);--clr-bg:hsl(210, 8%, 15%);--clr-text:hsl(0, 0%, 85%);--clr-text-inv:hsl(0, 0%, 5%);--clr-selection:hsla(157, 63%, 51%, 0.4);--ff-regular:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--ff-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-size:100%;--spacing:1rem;--border-radius:1.875rem;--site-width:90rem;--grid-width:30ch}*,::after,::before{box-sizing:border-box}*{margin:0}body{font-family:var(--ff-regular);font-size:var(--font-size);line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--clr-bg);color:var(--clr-text);min-height:100vh;display:flex;flex-direction:column}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}[role=button],button{cursor:pointer}@media (width >=576px){:root{--font-size:106.25%}}@media (width >=768px){:root{--font-size:112.5%}}@media (width >=1024px){:root{--font-size:118.75%}}@media (width >=1280px){:root{--font-size:125%}}@media (width >=1536px){:root{--font-size:131.25%}}:focus,:focus-visible{outline:.2rem solid var(--clr-accent)}.container{width:min(100% - 2rem,var(--site-width));margin-inline:auto}header{padding-block:1rem}.logo{display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto}.logo a{color:inherit;text-decoration:none}.logo svg{max-height:2rem;width:300px}main{flex:1;display:flex;align-items:center;justify-content:center;padding-block:2rem}.hero{text-align:center;padding:var(--spacing)}.coming-soon-badge{display:inline-block;background-color:var(--clr-secondary);color:var(--clr-accent);padding:.5rem 1.5rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;text-transform:uppercase;margin-bottom:2rem;border:2px solid var(--clr-primary)}.hero h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-wrap:balance}.coloring{color:transparent;background:linear-gradient(90deg,var(--clr-accent2),var(--clr-accent));-webkit-background-clip:text;background-clip:text}.hero p{font-size:var(--font-size);color:var(--clr-text);filter:brightness(.85);margin-bottom:3rem;line-height:1.6;text-wrap:balance}.email-signup{margin-top:4rem}.email-signup h3{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--clr-text)}.email-form{display:flex;gap:.5rem;max-width:25rem;margin:0 auto;flex-wrap:wrap}.email-input{flex:1;min-width:15rem;background-color:var(--clr-secondary);color:var(--clr-text);border-radius:.75rem;border:2px solid var(--clr-primary);appearance:none;outline:0;padding:.75rem 1rem}.email-input::placeholder{color:var(--clr-text);filter:brightness(.6)}.email-input:focus{border-color:var(--clr-accent)}.submit-btn{display:block;width:100%;background:linear-gradient(to right,var(--clr-accent2),var(--clr-accent));color:var(--clr-text-inv);background-size:200% auto;background-position:100% 50%;font-weight:600;text-decoration:none;padding:.75rem 1.5rem;border:0;border-radius:var(--border-radius);transition:.5s;cursor:pointer}.submit-btn:hover{background-position:0 50%}.success-message{display:none;color:var(--clr-accent);margin-top:1rem}.social-links{margin-top:4rem}.social-links h3{font-size:1.125rem;margin-bottom:1.5rem;color:var(--clr-text)}.social-icons{display:flex;justify-content:center;gap:1rem}.social-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--clr-secondary);border:2px solid var(--clr-primary);border-radius:50%;color:var(--clr-text);text-decoration:none;transition:all .3s}.social-icon:hover{background-color:var(--clr-accent);color:var(--clr-text-inv)}footer{margin-top:4rem;background-color:var(--clr-primary);text-align:center;padding-block:2rem;color:var(--clr-text);font-size:.875rem}::selection{background-color:var(--clr-selection)}@media (width <=768px){.hero h1{font-size:2rem}.email-form{flex-direction:column;align-items:stretch}.email-input{min-width:auto}}@keyframes fadeInUp{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.hero>*{animation:fadeInUp .8s ease-out forwards}.hero h1{animation-delay:.1s}.hero p{animation-delay:.2s}.email-signup{animation-delay:.3s}.social-links{animation-delay:.4s}