.empty-content,.login-container,div{text-align:center}body,h1{color:#333}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;height:100dvh;background-color:#f0f0f0}h1{font-size:3rem;margin-top:0}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:24px;width:100%;max-width:400px}h2{font-size:1.5rem;margin:8px;color:#23416c}input[type=password],input[type=text]{width:100%;padding:0 15px;height:40px;margin:4px 0;border:1px solid #ccc;border-radius:30px;font-size:1rem;box-sizing:border-box;transition:.3s}input[type=password]:focus,input[type=text]:focus{border-color:#23416c;outline:0}button{width:100%;padding:0;height:40px;background-color:#23416c;color:#fff;font-size:1.1rem;border:none;border-radius:30px;cursor:pointer;margin-top:16px;transition:background-color .3s}button:hover{background-color:#4e6689}.error{color:#f44336;font-size:.9rem;margin-top:15px}p{font-size:1rem;margin:10px 0 0;color:#777}.empty-content{display:none}.empty-content h1{font-size:3rem;color:#333}.empty-content p{font-size:1.5rem;color:#666}@media (max-width:480px){.login-container{padding:20px;width:90%;box-sizing:border-box}h2{font-size:1.2rem}input[type=password],input[type=text]{padding:12px;font-size:.9rem}button{padding:12px;font-size:1rem}}