*{padding:0;margin:0;box-sizing:border-box;font-size:16px;font-family:Calibri,Arial,Helvetica,sans-serif}*:before{padding:0;margin:0}*:after{padding:0;margin:0}h1{text-align:center;margin-top:2rem;font-size:24px;color:#195365}body{color:#195365;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.container{max-width:1200px;margin:0 auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem}@media (max-width: 768px){.grid-1-2{grid-template-columns:1fr}}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;grid-gap:1rem}@media (max-width: 768px){.grid-2-1{grid-template-columns:1fr}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}@media (max-width: 768px){.grid-3{grid-template-columns:1fr}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem}@media (max-width: 992px){.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.grid-4{grid-template-columns:1fr}}header{border-top:1px solid #195365;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px}.logo img{width:135px}footer{background-color:#195365;display:flex;flex-direction:column;align-items:center;gap:.5rem;justify-content:center;padding:1rem 0}footer nav{display:flex;justify-content:center;gap:2rem}@media (max-width: 480px){footer nav{flex-direction:column;align-items:center;gap:1rem}}footer a{color:#fff;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:6px;transition:.25s}footer a:hover{text-decoration-color:#ffffff80}footer p{color:#ffffff80}main{margin-inline:auto}h2{color:currentColor;text-align:center;font-size:20px;margin-bottom:2rem}.purple{color:#fff;background:#a96bf1;padding:2.5rem 4rem;border-radius:3px;display:flex;flex-direction:column;align-items:center;transition:.3s}.purple:has(input:focus){box-shadow:0 2px 2px #0000004d}.purple input[type=submit],.purple button{color:#fff;border:1px solid white}.purple input[type=submit] span,.purple button span{color:currentColor}.purple input[type=submit] svg,.purple button svg{fill:currentColor}.purple input[type=submit]:hover,.purple button:hover{color:#a96bf1;background-color:#fff}.purple input[type=submit]:disabled,.purple button:disabled{color:#a96bf1;border-color:#d4b5f8;background-color:#d4b5f8}.form-group{display:grid;grid-template-columns:80px 1fr;align-items:center}@media (max-width: 480px){.form-group{grid-template-columns:1fr;gap:.5rem}}.form-group+.form-group{margin-top:.75rem}input[type=submit],button{background-color:transparent;color:#a96bf1;border:1px solid #A96BF1;padding:4px 10px;margin-top:1.5rem;cursor:pointer;border-radius:3px;transition:.3s;position:relative;align-self:flex-end}input[type=submit]:hover,button:hover{background-color:#a96bf1;color:#fff}input[type=submit]:active,button:active{transform:scale(.95)}button{margin-top:0;display:flex;align-items:center;gap:.5rem}button svg{color:currentColor}input[type=text],input[type=password]{color:#3c3c3b;border-radius:3px;padding:4px 8px;outline:1px solid transparent;border:none;transition:.2s}input[type=text]:focus,input[type=password]:focus{outline:none;box-shadow:none;outline:2px solid #3C3C3B}#logout{margin-top:2rem;margin-inline:auto;display:block}