#root{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px;background-image:linear-gradient(to right,rgba(0,0,0,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.05) 1px,transparent 1px);background-size:40px 40px}#app{width:100%;max-width:384px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;border:1px solid #a7b1ab;padding:24px;border-radius:12px;background-color:#fff}#app>div{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.logo{height:64px;cursor:pointer}#app>div>h1{font-size:30px;font-weight:700;margin:12px 0 4px}#app>div>h1>span{color:#16a34a}#app>div>h1+p{color:#64748b;font-size:14px;text-align:center}#auth>form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;margin-top:24px}#auth>form>label{width:100%;font-size:14px;font-weight:500;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px}#auth>form>label>input{width:100%;height:40px;color:#64748b;border:1px solid #e2e8f0;padding:0 12px;border-radius:10px;transition:all .3s ease}#auth>form>label>input:focus{border-color:#16a34a}#auth>form>div{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;cursor:pointer}#auth>form>div>a{color:#16a34a;font-size:14px;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;transition:all .2s linear}#auth>form>div>a:hover{text-decoration-color:#16a34a}#auth>form>button,#message>a{width:100%;height:40px;color:#fff;display:flex;justify-content:center;align-items:center;border:2px solid #16a34a;cursor:pointer;padding:0 16px;border-radius:8px;background-color:#16a34a;transition:all .2s linear}#message>a{margin-top:24px}#message>a.disabled{pointer-events:none}#auth>form>button:hover,#message>a:hover{color:#fff;transform:scale(1.05);background-color:#16a34aa1}#auth>div{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin:16px 0}#auth>div>hr{width:100%;height:1px;background-color:#64748b}#auth>div>p{color:#64748b;font-size:14px;font-weight:500;white-space:nowrap;text-transform:uppercase}.button{width:100%;height:40px;color:#16a34a;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border:2px solid #16a34a;cursor:pointer;padding:0 16px;border-radius:8px;transition:all .2s linear}.button:hover{color:#fff;transform:scale(1.05);background-color:#16a34aa1}#auth>p:last-child{color:#64748b;font-size:12px;font-weight:500;margin-top:12px}#auth>p:last-child>a{color:#16a34a;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;cursor:pointer;transition:all .2s linear}#auth>p:last-child>a:hover{text-decoration-color:#16a34a}@media screen and (max-width: 500px){#root{padding:0}#app{max-width:none;min-height:100vh;border-style:none;border-radius:0}}