@font-face{font-family:Hauora;src:url(/fonts/HauoraGX.ttf) format("truetype-variations");font-display:swap}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}button{cursor:pointer}.logo-home{color:#fff;font-family:Hepta Slab;font-size:22px;font-style:normal;font-weight:700;line-height:normal;top:5px;left:auto;right:auto;z-index:10;text-align:center}.main-container-home{display:flex;width:45vw;height:100%;padding:40px 20px;flex-direction:column;align-items:flex-start;gap:42px;text-align:center;margin-left:auto;margin-right:auto;flex-grow:1;box-sizing:border-box;justify-content:center}.hero-section{display:flex;flex-direction:column;align-items:flex-start;gap:34px;align-self:stretch;padding-top:30px}.hero-lines{display:flex;flex-direction:column;align-items:flex-start;gap:11px;align-self:stretch}.hero-line-1{align-self:stretch;color:#fff;font-family:Hauora;font-size:40px;font-style:normal;font-weight:800;line-height:normal;text-align:center}.hero-line-2{align-self:stretch;color:#fff;font-family:Hauora;font-size:24px;font-style:normal;font-weight:400;line-height:normal;text-align:center}.notification-img-section{display:flex;padding:15px 61px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}.notification-image{filter:drop-shadow(0px 0px 200px rgba(135,212,254,.5))}.get-started-section{display:flex;padding:10px 20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;align-self:stretch}.get-started-button{display:flex;padding:16px 31px 15px 32px;justify-content:center;align-items:center;border-radius:30px;border:none;background:#fff;color:#000;font-family:Hauora;font-size:20px;font-style:normal;font-weight:600;line-height:normal;box-shadow:0 0 70px 1px #79a7c133}.get-started-button:hover{box-shadow:0 0 70px 2px #87d4fe66}@media screen and (max-width: 950px){.logo-home{font-size:18px;font-style:normal;font-weight:700;top:5px}.main-container-home{display:flex;width:60vw;height:100%;padding:30px 20px;gap:42px}.hero-line-1{font-size:35px;font-weight:800}.notification-image{width:50vw}}@media screen and (max-width: 750px){.logo-home{font-size:14px;font-style:normal;font-weight:700;top:5px}.main-container-home{display:flex;width:85vw;height:100%;padding:20px 0;gap:42px}.hero-section{padding:5px}.hero-line-1{font-size:30px;font-weight:800}.hero-line-2{font-size:24px}.notification-image{width:75vw}.get-started-button{font-size:16px}}html{background:#121212;height:100%;margin:0;padding:0;display:flex;flex-direction:column}body{height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between}button{cursor:pointer;border:none}a{text-decoration:none;color:#fff}.invite-container-home{display:flex;width:60vh;height:100%;padding:40px 22px 20px;flex-direction:column;align-items:flex-start;gap:42px;text-align:center;margin-left:auto;margin-right:auto;flex-grow:1;box-sizing:border-box;justify-content:center}.bottom-text{align-self:stretch;color:#b9b9b9;font-family:Hauora;font-size:18px;font-style:normal;font-weight:400;line-height:normal;padding-top:30%}.invite-section{display:flex;align-items:flex-start;gap:12px;align-self:stretch;width:100%}.input-box{border-radius:12px;background:#262626;width:100%;height:100%;border:none;color:#fff;font-family:Hauora;font-size:20px;font-style:normal;font-weight:300;line-height:normal;padding-inline:12px}.enter-button{display:flex;padding:10px 20px;justify-content:center;align-items:center;gap:10px;height:100%;border-radius:12px;background:#fff;color:#000;font-family:Hauora;font-size:20px;font-style:normal;font-weight:600;line-height:normal}@media screen and (max-width: 750px){.invite-container-home{display:flex;width:85vw;height:100%;padding:40px 22px 20px;flex-direction:column;align-items:flex-start;gap:42px;text-align:center;margin-left:auto;margin-right:auto;flex-grow:1;box-sizing:border-box;justify-content:center}.hero-line-2{font-size:20px}.get-started-button{display:flex;padding:15px 20px;justify-content:center;align-items:center;border-radius:30px;border:none;background:#fff;color:#000;font-family:Hauora;font-size:16px;font-style:normal;font-weight:600;line-height:normal;box-shadow:0 0 70px 1px #79a7c133}}.user-email{color:#fff;font-family:Hauora;font-size:12px;font-style:normal;font-weight:500;line-height:normal;position:absolute;top:45px;right:45px}.logo{color:#fff;font-family:Hauora;font-size:22px;font-style:normal;font-weight:600;line-height:normal;position:absolute;top:5px;left:20px;z-index:10}.main-container{display:flex;width:70%;height:100%;padding:51px 22px 20px;flex-direction:column;align-items:flex-start;gap:37px;text-align:left;margin-left:auto;margin-right:auto;flex-grow:1;box-sizing:border-box;justify-content:center}.heading{align-self:stretch;color:#fff;font-family:Hauora;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.step-1{display:flex;align-items:center;gap:43px;align-self:stretch}.step-text{flex:1 0 0;color:#fff;font-family:Hauora;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.download-app-button{display:flex;height:47px;padding:9px 10px;justify-content:center;align-items:center;gap:12px;border-radius:12px;background:#e6e6e6;box-shadow:0 4px 4px #00000040 inset}.download{color:#000;font-family:Hauora;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.step-2{display:flex;flex-direction:column;align-items:center;gap:20px;align-self:stretch}.qr-code{width:151px;height:151px;aspect-ratio:1/1;border-radius:20px;background:#d3d3d3 50% / cover no-repeat}.step-3{display:flex;align-items:center;gap:25px;align-self:stretch}.test-noti-button{display:flex;height:47px;padding:9px 10px;justify-content:center;align-items:center;gap:12px;border-radius:12px;background:#e6e6e6;box-shadow:0 4px 4px #00000040 inset;color:#000;font-family:Hauora;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.move-next{display:flex;justify-content:flex-end;align-items:center;gap:10px;align-self:stretch}.next-button{display:flex;padding:6px 10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:12px;background:#e6e6e6;box-shadow:0 4px 4px #00000040 inset;color:#000;font-family:Hauora;font-size:25px;font-style:normal;font-weight:500;line-height:normal}
