body {
    background: linear-gradient(to bottom, #1e3a8a, #1e40af);
    color: #f1f5f9;
    font-family: 'Ropa Sans', sans-serif;
}

header {
    background: linear-gradient(to bottom, #1f2937, #374151);
}

a {
    transition: color 0.2s;
}

a:hover {
    color: #f87171;
}

footer {
    background: #111827;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th {
    background-color: #374151;
    color: #f1f5f9;
}

tr:nth-child(even) {
    background-color: #1e293b;
}

tr:nth-child(odd) {
    background-color: #334155;
}

td, th {
    padding: 12px;
    text-align: left;
}

td {
    color: #374151;
}

td a {
    color: #93c5fd;
}

td a:hover {
    color: #bfdbfe;
}

.hp {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Beat Tailwind Preflight (`button, input, optgroup, select, textarea`),
   which is injected after this file and uses color: inherit. */
html input,
html select,
html textarea {
    color: #374151;
}

#send-btn:disabled {
    opacity: 0.6;
    cursor: wait;
}