body { font-family: Arial, sans-serif; background: #f4f4f4; margin: 0; padding: 0; }
.container { 
    max-width: 600px; 
    margin: 60px auto; 
    background: #fff; 
    padding: 32px; 
    border-radius: 10px; 
    box-shadow: 0 2px 8px rgba(0,0,0,0.1); 
}
.question { font-size: 1.3em; color: #333; margin-bottom: 20px; }
.answer-form { display: flex; gap: 10px; }
input[type="text"] { flex: 1; padding: 8px; font-size: 1em; border: 1px solid #ccc; border-radius: 4px; }
button { padding: 8px 18px; font-size: 1em; border: none; border-radius: 4px; background: #0078d7; color: #fff; cursor: pointer; }
button:hover { background: #005fa3; }
h1 {
    text-align: center;
    font-size: 2.6em;
    font-weight: 700;
    letter-spacing: 2px;
    margin: 16px 0 24px 0;
    color: #003366;
    text-shadow: 0 2px 8px rgba(0,0,0,0.08);
}