@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

body {
    background: linear-gradient(135deg, #4B0082, #000000);
    font-family: 'Orbitron', sans-serif;
    color: #fff;
    text-align: center;
}

h1 {
    color: #8A2BE2;
    font-size: 4rem;
}

p {
    color: #32CD32;
    font-size: 1.5rem;
}

input, button, .gr-input, .gr-button {
    background-color: #4B0082;
    color: white;
    border: 2px solid #32CD32;
    border-radius: 10px;
    font-size: 1rem;
    padding: 10px;
    margin: 10px 0;
}

input::placeholder {
    color: #8A2BE2;
}

button:hover, .gr-button:hover {
    background-color: #8A2BE2;
    border: 2px solid #4B0082;
}

.gr-markdown {
    color: #fff;
}

.gr-container {
    background: transparent;
}

.gr-box {
    border: none;
}

.gr-textbox, .gr-plot {
    border: 2px solid #8A2BE2;
    border-radius: 10px;
    background: #1C1C1C;
    padding: 10px;
}

.gr-plot canvas {
    border-radius: 10px;
}

footer {
    color: #8A2BE2;
    font-size: 1rem;
}