/* =================== */
/* CSS Principal        */
/* =================== */

body {
    font-family: 'Courier New', monospace;
    background: #121223;
    color: #cfd2f0;
    margin: 0;
    padding: 0;
}

.container {
    max-width: 800px;
    margin: 50px auto;
    background: #1e1e2f;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0,0,0,0.7);
}

h1 { text-align:center; margin-bottom:10px; color:#00ffea; }
.instructions { text-align:center; margin-bottom:20px; font-size:0.95em; color:#a0a5c0; }

.form-row { display: block; margin-bottom: 12px; }

input, select, button {
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    border: 1px solid #444;
    background: #1e1e2f;
    color: #cfd2f0;
    font-size: 1em;
    box-sizing: border-box;
}

button {
    background:#00ffea;
    color:#1e1e2f;
    font-weight:bold;
    border:none;
    cursor:pointer;
}

button:hover { background:#00d8c3; }

.logs {
    background:#0d0d1a;
    padding:15px;
    border-radius:5px;
    max-height:400px;
    overflow-y:auto;
    margin-top:20px;
}

.logs h2 { margin-top:0; color:#00ffea; }
.log-line { margin:2px 0; animation: fadeIn 0.4s ease-in; }

@keyframes fadeIn { from {opacity:0} to {opacity:1} }

/* =================== */
/* ReCAPTCHA Dark Theme */
/* =================== */
.g-recaptcha {
    display: flex;
    justify-content: center;
    transform: scale(0.95);
    transform-origin: 0 0;
    filter: invert(1) hue-rotate(180deg);
    margin: 10px 0;
}

.g-recaptcha iframe {
    filter: invert(1) hue-rotate(180deg);
}

/* =================== */
/* Rodapé              */
/* =================== */
.container.footer {
    padding:5px 30px !important;
    background:none !important;
    font-size:11px;
    text-align:center;
}