*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f7faff;background-image:url("/img/login-bg.svg"),url("/img/lines-bg.svg");background-position:bottom center,top left;background-repeat:no-repeat,no-repeat;background-size:contain,35%;display:flex;justify-content:center;align-items:center;height:100vh}.form{background-color:#fff;padding:2rem;box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:3px;text-align:center}.form img{width:120px;margin-bottom:1rem}form{border-bottom:1px solid rgba(0,97,136,.3);padding-bottom:1.5rem;margin-bottom:1rem}.formcol{display:flex;gap:2rem;justify-content:center;margin-bottom:1rem}.column{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;align-items:flex-start}.field label{font-size:.8rem;color:#006188;margin-bottom:.3rem}.field input{border:1px solid #006188;background-color:#ededf1;border-radius:2px;padding:.5rem;font-size:.9rem;width:220px}.field input:focus{border-color:#006188;outline:none}button{width:70%;background-color:#006188;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:2px;font-size:.8rem;cursor:pointer;transition:background-color .3s ease}.field button{width:100%}button:hover{background-color:#0074a3}.login-link{display:block;margin-top:1rem;font-size:.7rem;color:#006188;text-decoration:underline}.login-link:hover{text-decoration:none}.form p{font-size:.8rem;color:#006188;margin:0;line-height:1.4}.form p a{color:#0074a3;text-decoration:none}.form p a:hover{text-decoration:underline}@media(max-width: 768px){.form{width:90%;max-width:600px;margin:2rem auto}.formcol{flex-direction:column;align-items:center}.field label{font-size:1rem}.field input{width:100%;font-size:1rem}button{width:100%;font-size:1rem}.login-link{font-size:.9rem}.form p{font-size:.9rem}}