body{align-items:center;background:linear-gradient(180deg,#3c548b 2%,#2d8bbe);color:#333;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.container{border-radius:10px;max-width:400px;padding:40px;text-align:center;width:100%}.logo img{width:100%}.logo img,h1{margin-bottom:20px}h1{color:#444;font-size:24px}.error-message,.logout-message{color:#e74c3c;font-weight:700;margin-bottom:20px}form div{margin-bottom:20px}input[type=password],input[type=text]{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;padding:12px;transition:border-color .3s ease;width:100%}input[type=password]:focus,input[type=text]:focus{border-color:#ff7e5f;outline:none}input[type=submit]{background-color:#3b568d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease;width:100%}input[type=submit]:hover{background-color:#8cafc3}@media (max-width:600px){.container{padding:20px}.logo img{width:100px}h1{font-size:20px}input[type=password],input[type=submit],input[type=text]{font-size:14px}}