.container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 1rem 5rem;max-width:400px;margin:0 auto;margin-top:1rem}.logo h1{text-align:center;font-weight:500;font-size:2rem;margin-bottom:2rem}.logoimage{max-width:9.5rem;margin-bottom:2rem}p{font-size:.9rem}.screen{display:none;text-align:center;width:100%;max-width:360px;margin:0 auto}.screen.active{display:block}h2{margin-bottom:1rem;font-size:1.125rem}.text-left{text-align:left;width:100%}.input-group{margin:1.5rem 0}input{width:100%;padding:.9rem;border:none;border-radius:6px;background:#222;color:#aaa;font-size:1rem}input.active{color:#fff}input.error{border:1px solid #ff4d4f}input:focus{outline:none}input.error:focus{border:1px solid #ff4d4f}.error-message{margin-top:.5rem;color:#ff4d4f;font-size:.875rem;display:block}.btn{width:100%;padding:.9rem;border-radius:50px;font-weight:600;font-size:1rem;border:none;cursor:pointer;margin-bottom:1.5rem;transition:opacity .3s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:#762ecf;color:#fff}.btn.secondary{background:transparent;border:2px solid #762ecf;color:#fff}.footer{padding:1rem;text-align:center;background:#1a1a1a;font-size:.8rem}.footer p{font-size:.75rem;line-height:2}.footer a{color:#ccc;text-decoration:underline;margin:.5rem}.footer a:hover{text-decoration:underline}.secondary-section{margin-top:1.5rem}.secondary-section p{margin-bottom:.5rem}.link{display:inline-block;margin-top:.25rem;color:#fff;font-weight:500}@media (min-width: 768px){.container{max-width:480px}}@media (min-width: 1024px){.container{max-width:600px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:#121212;color:#fff;display:flex;flex-direction:column;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}