body {
            font-family: Arial, sans-serif;
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
            background-color: #f0f0f0;
        }
.ad-space {
            background-color: #ddd;
            padding: 20px;
            text-align: center;
            margin-bottom: 20px;
        }
h1 {
            text-align: center;
            color: #006400;
        }
.input-group {
            margin-bottom: 10px;
        }
label {
            display: inline-block;
            width: 120px;
        }
input {
            width: 150px;
            padding: 5px;
        }
.result {
            font-weight: bold;
            margin-top: 10px;
            padding: 5px;
            display: inline-block;
        }
.profit {
            background-color: #4CAF50;
            color: white;
        }
.loss {
            background-color: #f44336;
            color: white;
        }
table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
th {
            background-color: #006400;
            color: white;
        }
button {
            display: block;
            margin: 20px auto;
            padding: 10px 20px;
            background-color: #ffd700;
            border: none;
            cursor: pointer;
        }
.odd-number {
            background-color: #f0f0f0;
            padding: 2px 5px;
            border-radius: 3px;
        }
footer {
            margin-top: 20px;
            text-align: center;
            color: #666;
        }