@import "https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&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&display=swap";:root{--text:#101111;--text-contrast:#6d6d6d;--text-success:#0a67e0;--text-error:#ce2d2d;--bg:#f0f0f0;--border:#ddd;--button:#a4da9b;--default:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Funnel Display", system-ui, "Segoe UI", Roboto, sans-serif;font-size:16px;font-family:var(--default);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:675px;max-width:100%;height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text);margin:0;font-weight:500}h1{font-size:56px;font-weight:700}@media (width<=1024px){h1{font-size:36px}}h2{font-size:32px;font-weight:400}@media (width<=1024px){h2{font-size:24px}}p{margin:0}@media (width<=450px){h1{font-size:28px}h2{font-size:18px}}@media (width<=380px){h1{font-size:24px}h2{font-size:16px}}.main{flex-direction:column;flex:1;padding:0 25px;display:flex;overflow-y:hidden}.content{flex-direction:column;flex:1;justify-content:space-evenly;padding:20px 0 100px;display:flex}.main-content{flex-direction:column;justify-content:center;align-items:center;gap:50px;display:flex}.logo{width:auto;height:clamp(75px,15vh,150px);margin:0 auto}.title-container{flex-direction:column;justify-content:center;gap:10px;display:flex}.form-container{flex-direction:column;justify-content:center;align-items:center;gap:25px;width:100%;max-width:500px;display:flex}.form-container>.form{width:100%;display:flex}.form-input{background-color:var(--bg);border:2px solid var(--border);border-radius:30px;flex-direction:row;gap:10px;width:100%;padding:8px 8px 8px 20px;display:flex}.form-input>input{font-family:var(--default);background:0 0;border:none;outline:none;flex:1;font-size:16px}.form-input>input::placeholder{color:var(--text-contrast)}.form-button{background-color:var(--button);height:40px;font-family:var(--default);color:var(--text);cursor:pointer;border:none;border-radius:25px;justify-content:center;align-items:center;padding:0 15px;font-size:16px;font-weight:500;transition:all .3s;display:flex}.form-button.loading{background-color:var(--border);color:var(--text-contrast);cursor:not-allowed}.form-button:not([class*=loading]):hover{background-color:var(--text);color:var(--bg)}.note{color:var(--text-contrast);font-size:18px}@media (width<=1024px){.note{font-size:16px}}.social-container{flex-direction:row;justify-content:center;align-items:center;gap:15px;padding:20px 0 30px;display:flex;bottom:0}.social-icon{background-color:var(--bg);border:1px solid var(--text);width:50px;height:50px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-icon:hover{background-color:var(--text)}.social-icon>svg{width:24px;height:24px}@media (height<=768px){.social-icon>svg{width:20px;height:20px}}.social-icon:hover>svg{color:var(--bg)}@media (width<=450px){.logo{height:clamp(50px,15vh,100px)}.form-container{gap:20px}.form-input{background-color:#0000;border:none;flex-direction:column;gap:10px;padding:0}.form-input>input{background-color:var(--bg);border:2px solid var(--border);box-sizing:border-box;border-radius:25px;flex:none;width:100%;height:50px;padding:0 20px}.form-button{border-radius:25px;width:100%;height:40px}.social-icon{width:40px;height:40px}}