body { font-family: sans-serif; margin: 0; padding: 0; line-height: 1.6; background: #fff; color: #222; }
header { background: #ffffff; text-align: center; padding: 1rem 0 0.25rem 0; }
header .logo { width: 100px; }
header p { font-weight: bold; font-size: 1rem; text-transform: uppercase; margin: 0.25rem 0; letter-spacing: 1px; }
nav { background: #f0f0f0; padding: 0.75rem; text-align: center; }
nav a { margin: 0 1rem; text-decoration: none; color: #333; font-weight: 500; }
nav a:hover { text-decoration: underline; }
main { padding: 2rem; max-width: 800px; margin: auto; }
footer { text-align: center; padding: 2rem; background: #f9f9f9; font-size: 0.85rem; }
input, textarea { width: 100%; padding: 0.75rem; margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 4px; }
button { padding: 0.75rem 1.5rem; background: black; color: white; border: none; border-radius: 4px; cursor: pointer; }
.spectrum-divider { height: 5px; border: none; margin: 2rem 0; background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet); border-radius: 3px; }
