body {
    background-color: #000;
    color: #d4af37;
    font-family: 'Times New Roman', serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.container {
    border: 1px solid #d4af37;
    padding: 30px;
    text-align: center;
    width: 500px;
}

h1 { letter-spacing: 0.2rem; margin-bottom: 10px; }
p { font-style: italic; margin-bottom: 20px; }

#cipher-input {
    background: transparent;
    border: 1px solid #d4af37;
    color: #d4af37;
    padding: 10px;
    width: 280px;
    text-align: center;
    margin-right: 5px;
}

#submit-btn {
    background: #d4af37;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-weight: bold;
}

/* Animation */
.tear-effect { animation: tear-animation 0.5s ease-in-out; }
@keyframes tear-animation {
    0% { filter: brightness(1); }
    50% { filter: brightness(0.2) saturate(0); }
    100% { filter: brightness(1); }
}