body {
    background: #1e1e1e;
    color: #eee;
    font-family: Arial, sans-serif;
    margin:0;
    padding:0;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

header {
    background: #2b2b2b;
    padding: 20px;
    text-align: center;
}

header h1 {
    margin:0;
    font-size:1.5rem;
}

.auth-container {
    flex:1;
    display:flex;
    justify-content: center;
    align-items: center;
    padding:20px;
}

.auth-form {
    background: #333;
    padding: 20px;
    border-radius:5px;
    max-width:300px;
    width:100%;
    text-align:center;
}

.auth-form h2 {
    margin-bottom:20px;
    font-size:1.2rem;
}

.auth-form input[type="text"] {
    width:92%;
    padding:10px;
    background:#444;
    border:1px solid #555;
    color:#eee;
    border-radius:3px;
    margin-bottom:15px;
}

.auth-form input[type="submit"] {
    background:#4c4c4c;
    border:none;
    padding:10px;
    cursor:pointer;
    color:#eee;
    border-radius:3px;
    width:100%;
}

.auth-form input[type="submit"]:hover {
    background:#5e5e5e;
}

.auth-message p {
    margin:0;
    margin-bottom:10px;
    text-align:center;
}

.auth-message .success {
    color:#7fff7f;
}

.auth-message .error {
    color:#ff7f7f;
}

.elinagram-font {
    font-family: 'Mea Culpa', serif;
    font-weight: 450;
    font-style: normal;
    font-size: 1.8rem;
}

footer {
    text-align: center;
    padding: 20px;
    background: #2b2b2b;
    color: #aaa;
    font-size: 0.9rem;
}