body {
        display: flex; justify-content: center; align-items: center; height: 100vh;
            background-color: #2c1e16; margin: 0; font-family: sans-serif;
            }
            .login-box {
                background: white; padding: 40px; border-radius: 8px;
                    box-shadow: 0 4px 10px rgba(0,0,0,0.3); width: 100%; max-width: 400px; text-align: center;
                    }
                    h2 { margin-bottom: 20px; color: #333; }
                    input {
                        width: 100%; padding: 12px; margin: 10px 0;
                            border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box;
                            }
                            button {
                                width: 100%; padding: 12px; background-color: #d35400; color: white;
                                    border: none; border-radius: 4px; font-size: 16px; cursor: pointer; margin-top: 10px;
                                    }
                                    button:hover { background-color: #e67e22; }
                                    #error-msg { color: red; margin-top: 15px; font-size: 14px; }