body { font-family: Arial, sans-serif; margin: 20px; background: #f9f9f9; }
#menyykiht { float: left; padding-right: 30px; width: 200px; background: white; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
#sisukiht { float: left; max-width: 600px; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
#jalusekiht { clear: left; margin-top: 20px; color: #666; text-align: center; }
ul { list-style-type: none; padding: 0; }
li { margin: 8px 0; padding: 5px; border-radius: 3px; }
li:hover { background: #f0f0f0; }
a { color: #0066cc; text-decoration: none; padding: 5px; }
a:hover { text-decoration: underline; background: #e6f3ff; border-radius: 3px; }
form { background: #f8f8f8; padding: 20px; border-radius: 8px; border: 1px solid #ddd; }
input, textarea { padding: 8px; margin: 5px 0; border: 1px solid #ccc; border-radius: 4px; width: 100%; box-sizing: border-box; }
input[type="submit"] { background: #0066cc; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px; width: auto; }
input[type="submit"]:hover { background: #0052a3; }
h2 { color: #333; border-bottom: 2px solid #0066cc; padding-bottom: 5px; }
dl { margin: 0; }
dt { font-weight: bold; margin-top: 10px; }
dd { margin: 5px 0 15px 0; }