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

body { background:#1e172b; font-family:'Courier New'; display:flex; justify-content:center; align-items:center; min-height:100vh; padding:2rem; }

.pixel-card { max-width:550px; background:#261f32; border:4px solid #b886ff; border-radius:28px; padding:1.5rem; box-shadow:6px 6px 0 #0f0a1a; }

.pixel-header { text-align:center; border-bottom:2px dashed #b886ff; padding-bottom:0.8rem; margin-bottom:1rem; }
.pixel-header h1 { color:#f3b3ff; text-shadow:2px 2px 0 #592e80; }
.pixel-header p { color:#c084fc; font-size:0.8rem; }

.btn-voltar {
    display: inline-block;
    background: #3a2a4e;
    color: #f3b3ff;
    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 #b886ff;
    transition: all 0.2s;
}
.btn-voltar:hover { background:#b886ff; color:#1e172b; }

.art-area { background:#1d142c; text-align:center; border-radius:36px; padding:1rem; border:2px solid #c97eff; }
.art-area img { width:200px; image-rendering:pixelated; }

.pokemon-name { background:#3a2a4e; display:inline-block; padding:0.3rem 1rem; border-radius:40px; color:#ffdfb3; font-size:1.8rem; }
.type-badge { background:#382c46; border-radius:32px; padding:0.2rem 1rem; margin:0.2rem; color:#e7c6ff; }

.description { background:#171128; border-left:6px solid #c084fc; border-radius:18px; padding:0.7rem; margin:1rem 0; color:#decbff; }

.matchup-title { color:#e5b3ff; margin-top:0.8rem; border-left:3px solid #b77eff; padding-left:8px; font-weight:bold; }
.badge-list { display:flex; flex-wrap:wrap; gap:8px; }
.type-tag { background:#2f2440; padding:4px 12px; border-radius:20px; border:1px solid #b77eff; font-size:0.75rem; }
.type-strong { background:#2f6b47; }
.type-weak { background:#904c6b; }

.footer { text-align:center; margin-top:1.3rem; color:#a18fbf; }

.form-section {
    margin-top: 1.5rem;
    background: #171128;
    padding: 1rem;
    border-radius: 20px;
}
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; color: #e5b3ff; 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 #b886ff; background: #261f32; color: #fff; font-family: monospace; }
.form-group input:focus { outline: none; border-color: #f3b3ff; }
.btn-enviar { background: #b886ff; color: #1e172b; border: none; padding: 0.5rem 1rem; border-radius: 40px; font-weight: bold; cursor: pointer; font-family: monospace; width: 100%; }
.btn-enviar:hover { background: #f3b3ff; }