body {
    display: flex; justify-content: center; align-items: center;
    min-height: 100vh;
}
.login-box { text-align: center; padding: 40px; }
h1 { font-size: 24px; color: #888; margin-bottom: 32px; font-weight: 400; }
h1 span { color: #c9a96e; }
.prompt { color: #777; font-size: 16px; margin-bottom: 20px; }
.authors {
    display: flex; gap: 12px; justify-content: center;
    flex-wrap: wrap; margin-bottom: 28px;
}
.author-btn {
    background: #222; border: 2px solid #444; color: #e0e0e0;
    padding: 12px 28px; border-radius: 6px; cursor: pointer;
    font-size: 18px; transition: all 0.2s;
}
.author-btn:hover { background: #2a2a2a; transform: scale(1.05); }
.divider { color: #444; font-size: 13px; margin-bottom: 16px; }
.custom-form { display: flex; gap: 8px; justify-content: center; }
.custom-form input[type="text"] {
    background: #222; border: 1px solid #444; color: #e0e0e0;
    padding: 10px 16px; border-radius: 6px; font-size: 16px;
    width: 160px; text-align: center;
}
.custom-form input[type="text"]:focus { outline: none; border-color: #c9a96e; }
.custom-form button {
    background: #333; color: #c9a96e; border: 1px solid #444;
    padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 16px;
}
.custom-form button:hover { background: #444; }