* { margin:0; padding:0; box-sizing:border-box; }

body { background:#0a1c20; font-family:monospace; display:flex; justify-content:center; align-items:center; min-height:100vh; padding:2rem; }

.pixel-card { max-width:550px; background:#14262b; border:4px solid #48cae4; border-radius:28px; padding:1.5rem; }

.pixel-header { text-align:center; border-bottom:2px dashed #48cae4; padding-bottom:0.8rem; margin-bottom:1rem; }
.pixel-header h1 { color:#90e0ef; text-align:center; }
.pixel-header p { color:#48cae4; font-size:0.8rem; }

.btn-voltar {
    display: inline-block;
    background: #1b4552;
    color: #90e0ef;
    text-decoration: none;
    padding: 0.5rem 1.2rem;
    border-radius: 40px;
    font-weight: bold;
    font-size: 0.8rem;
    margin-top: 0.8rem;
    border: 1px solid #48cae4;
    transition: all 0.2s;
}
.btn-voltar:hover { background:#48cae4; color:#0a1c20; }

.art-area { background:#0a181c; text-align:center; border-radius:32px; padding:1rem; }
.art-area img { width:200px; image-rendering:pixelated; filter: drop-shadow(0 0 4px #00b4d8); }

.pokemon-name { background:#1b4552; display:inline-block; padding:0.3rem 1rem; border-radius:60px; color:#caf0f8; font-size:1.8rem; }
.type-badge { background:#165a6b; padding:0.2rem 1rem; border-radius:28px; color:#b9f3ff; }

.description { background:#10262b; border-left:5px solid #48cae4; border-radius:16px; padding:0.8rem; margin:1rem 0; color:#c2f0fc; }

.matchup-title { color:#8ed9ff; margin-top:0.8rem; border-left:3px solid #4ecdc4; padding-left:8px; }
.badge-list { display:flex; flex-wrap:wrap; gap:8px; }
.type-tag { background:#1b3a42; padding:4px 10px; border-radius:20px; border:1px solid #61c0bf; font-size:0.75rem; }
.type-strong { background:#328f6e; }
.type-weak { background:#b1483b; }

.footer { text-align:center; margin-top:1rem; color:#6fa3ab; font-size:0.7rem; }

.form-section {
    margin-top: 1.5rem;
    background: #10262b;
    padding: 1rem;
    border-radius: 20px;
}
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; color: #8ed9ff; font-size: 0.8rem; margin-bottom: 0.3rem; font-weight: bold; }
.form-group input { width: 100%; padding: 0.5rem; border-radius: 12px; border: 1px solid #48cae4; background: #14262b; color: #fff; font-family: monospace; }
.form-group input:focus { outline: none; border-color: #90e0ef; }
.btn-enviar { background: #48cae4; color: #0a1c20; border: none; padding: 0.5rem 1rem; border-radius: 40px; font-weight: bold; cursor: pointer; font-family: monospace; width: 100%; }
.btn-enviar:hover { background: #90e0ef; }