body{margin:0;padding:0;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh;align-content:center;flex-direction:row;flex-wrap:wrap}.section-body{text-align:center;padding:20px;border-radius:5px;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;height:100vh}.logo-wrapper{padding:3em 3em 5em 3em;text-align:center}.graphic-logo{height:auto;width:auto;max-width:100%;margin:0 auto;display:block}form{display:flex;flex-direction:column;align-items:center;max-width:400px}input[type=password]{margin-bottom:10px;padding:1em 2em;width:100%;border-radius:3em;background-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(0,0,0,.2);border:none;color:#000;text-transform:uppercase}button[type=submit]{padding:1em 2.5em;background-color:#007bff;color:#fff;border:none;border-radius:12em;cursor:pointer;text-transform:uppercase;font-weight:700}button[type=submit]:hover{background-color:#0056b3}input[type=password]::placeholder{text-security:disc}@media (max-width:768px){.logo-wrapper{padding:2em 1em 3em 1em}form{max-width:90%}button[type=submit],input[type=password]{font-size:14px}}@media (max-width:480px){.logo-wrapper{padding:1em .5em 2em .5em}.section-body{padding:10px}input[type=password]{padding:.8em 1.5em}button[type=submit]{padding:.8em 2em;font-size:13px}}