| /* style.css */ | |
| .container { | |
| max-width: 1200px; | |
| margin: auto; | |
| } | |
| .welcome { | |
| text-align: center; | |
| margin: 20px 0; | |
| padding: 20px; | |
| background: linear-gradient(135deg, #1e293b, #334155); | |
| border-radius: 10px; | |
| color: white; | |
| } | |
| .controls-group { | |
| background: #2d3748; | |
| padding: 15px; | |
| border-radius: 5px; | |
| margin: 10px 0; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| } |