body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(ellipse at 20% 0%, #2a2618 0%, transparent 50%),
        #14110c;
    color: #e6d7b0;
    font-family: "Courier New", "Lucida Console", monospace;
}
.container {
    max-width: 780px;
    margin: 0 auto;
    padding: 20px 16px 40px;
}
header h1 {
    margin: 0;
    color: #f0d078;
    letter-spacing: 4px;
    font-weight: normal;
    font-size: 22px;
}
.subtitle {
    color: #8a7a4a;
    letter-spacing: 3px;
    font-size: 11px;
    margin: 4px 0 0;
}
nav {
    margin: 14px 0 22px;
    border-top: 1px solid #4a4030;
    border-bottom: 1px solid #4a4030;
    padding: 8px 0;
}
nav a {
    color: #d4b46a;
    margin-right: 18px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
}
nav a:hover { color: #fff1c0; }
.poster {
    background: #0b0a07;
    border: 10px solid #2a2416;
    box-shadow: 0 0 0 1px #6a5a30, 8px 10px 0 #0a0906;
    text-align: center;
    padding: 36px 16px 28px;
    margin-bottom: 22px;
}
.ufo {
    display: block;
    font-size: 72px;
    color: #f0d078;
    margin: 0 0 8px;
}
.believe {
    margin: 16px 0 0;
    letter-spacing: 6px;
    color: #f0d078;
    font-size: 15px;
}
.search-box, .search-form {
    background: #1c1810;
    border: 1px solid #5a4a28;
    padding: 14px;
    margin: 12px 0;
}
h2, h3 { color: #f0d078; font-weight: normal; letter-spacing: 1px; }
input[type="text"] {
    width: 240px;
    padding: 6px 8px;
    border: 1px solid #6a5a30;
    background: #0e0c08;
    color: #e6d7b0;
    font: inherit;
}
button {
    padding: 6px 12px;
    border: 1px solid #f0d078;
    background: #2a2416;
    color: #f0d078;
    font: inherit;
    cursor: pointer;
}
.sighting-card {
    border-left: 3px solid #8a7a4a;
    padding: 8px 0 8px 12px;
    margin: 10px 0;
}
.sighting-card h3 { margin: 0 0 4px; font-size: 15px; }
.sighting-card p { margin: 2px 0; color: #c8b888; }
.no-results { color: #8a7a4a; }
footer {
    margin-top: 28px;
    color: #6a5a30;
    font-size: 12px;
}
.classified-notice {
    border: 1px dashed #8a7a4a;
    padding: 10px;
    color: #c8b888;
}