main form button{height:43px;padding:0 20px;text-transform:uppercase;border-radius:5px;font-weight:bold;font-size:1rem;font-family:"Inter",sans-serif;display:flex;align-items:center;justify-content:center;transition:opacity .4s}main form button span{margin-top:.1em}main form button i{margin-left:10px;font-size:1.2em}main{padding-top:30px}@media screen and (max-width: 576px){main{padding:15px}}main h1{margin:60px 0 10px 0;text-align:center;font-family:"Inter",sans-serif;font-size:1.75rem;color:var(--ddcompany-color);white-space:normal}main small{white-space:normal;font-size:.9rem}@media screen and (max-width: 576px){main small{white-space:normal;padding:20px}}main img{border-radius:10px;width:400px}main{display:flex;flex-direction:row;align-items:center;justify-content:center;white-space:normal;margin-top:-30px}@media(min-width: 577px){main{padding-bottom:10vh}}@media screen and (max-width: 576px){main{flex-direction:column}}main .img_cont{margin-right:100px}@media screen and (max-width: 576px){main .img_cont{margin-right:0;margin-top:20px}}main .form_cont h1{text-transform:uppercase}main small,main h1{text-align:left}@media screen and (max-width: 576px){main small,main h1{text-align:center}}main small a{text-decoration:rgba(0,0,0,0) underline;color:var(--orange);transition:text-decoration-color .15s}main small a:hover:not(:active){text-decoration-color:unset}main small a:active{transition:none}main form{display:flex;flex-direction:column;gap:15px;margin-top:50px;width:350px}main form input{padding:0 10px;border-bottom:2px var(--gray20) solid;transition:border-bottom-color .25s;transition:border-bottom-color .25s;padding-bottom:6px}main form input.invalid{border-bottom-color:var(--error-red)}main form input:focus{border-bottom-color:var(--gray80)}@media screen and (max-width: 576px){main form input{width:100%}}main form button{color:var(--light);background:var(--ddcompany-color)}main form button:disabled{opacity:.25}main form .login-message{padding:10px;background:var(--gray05);border-radius:5px;white-space:normal}main form .login-message a{display:flex;align-items:center;width:fit-content;height:30px;border-radius:30px;background:var(--ddcompany-color);padding:0 12px;margin-left:auto;color:var(--light);margin-top:20px}main .tip{display:flex;align-items:center;margin-top:50px;gap:15px}main .tip img{height:50px;width:50px;border-radius:50%;background:var(--gray10);margin-bottom:10px}main .tip p{font-size:.9rem;color:var(--gray80);margin-bottom:5px;white-space:normal}