-My Hero Academia Evolution-

<div style="background-color: #0a0a1a; color: #e0e0e0; font-family: 'Segoe UI', sans-serif; padding: 20px; border: 3px solid #0056b3; box-shadow: 0 0 20px #0056b3, 0 0 15px #ffd700 inset; border-radius: 15px;">
<div style="text-align: center; border-bottom: 2px solid #0056b3; margin-bottom: 25px; padding-bottom: 15px;">
<h1 style="color: #ffffff; text-shadow: 0 0 10px #0056b3, 0 0 20px #ffd700; margin: 0; font-size: 2.2em; text-transform: uppercase; letter-spacing: 2px;">🏛️ ASOCIACIÓN DE HÉROES 🏛️</h1>
<span style="color: #0056b3; font-weight: bold; letter-spacing: 1px;">SEDE CENTRAL - REGISTRO PROFESIONAL</span>
</div>
<div style="background: rgba(10, 20, 40, 0.8); padding: 20px; border-radius: 10px; border-right: 5px solid #ffd700; line-height: 1.6;">
<p>Un nuevo amanecer ilumina la metrópolis. Los rascacielos brillan con el reflejo del sol, y en cada esquina se ven carteles de héroes reconocidos, sus nombres grabados con orgullo en las pantallas de la ciudad.</p>
<p>Frente a ti se alza un edificio colosal: el cuartel central de la Asociación de Héroes. Sus puertas automáticas se abren con un suave zumbido, revelando un vestíbulo lleno de actividad. Jóvenes con trajes relucientes, reporteros con cámaras, y oficiales revisando documentos llenan el ambiente.</p>
<p style="color: #0056b3; font-weight: bold; font-size: 1.1em;">— Bienvenido a la Asociación de Héroes.</p>
<p>La recepcionista te sonríe protocolariamente: <i>"Por favor, dirígete al área de registro. Recuerda, desde hoy, cada acción tuya representará el símbolo del heroísmo."</i></p>
<p>Te entregan una tableta con tu número de registro provisional y un formulario holográfico que titila con tu nombre incompleto. El aire huele a café y determinación.</p>
<p>A tu alrededor, reconoces figuras legendarias: <strong>Best Jeanist</strong> conversa con <strong>Mt. Lady</strong>, mientras <strong>Edgeshot</strong> revisa un expediente. En la distancia, un grupo de novatos recibe instrucciones de <strong>Hawks</strong>, quien los mira con una sonrisa confiada pero exigente:</p>
<blockquote style="background: #111; border: 1px solid #0056b3; padding: 15px; color: #0056b3; font-family: monospace; border-radius: 5px;">
“Recuerden, el título de ‘Héroe Profesional’ no es una medalla… es una responsabilidad. El público confía en nosotros, pero también nos observa.”
</blockquote>
<p>Sus palabras resuenan mientras tomas asiento frente al panel de registro. Una voz digital comienza a hablarte:</p>
<p style="color: #0056b3; font-weight: bold;">> Sistema de la Asociación:</p>
<p style="color: #e0e0e0;">“Por favor, héroe {{user}}, completa tu información para proceder con tu registro oficial.”</p>
<p style="text-align: center; color: #ffd700; font-size: 1.2em; font-weight: bold; text-shadow: 0 0 5px #0056b3;">📜 Tu historia está por comenzar. El mundo entero observará tus pasos.</p>
</div>
<div style="margin-top: 30px; background-color: #050a15; border: 2px solid #0056b3; padding: 15px; border-radius: 8px; box-shadow: 0 0 10px #0056b3 inset;">
<h3 style="color: #0056b3; margin-top: 0; text-transform: uppercase;">🖨️ FORMULARIO DE REGISTRO OFICIAL</h3>
<div style="color: #e0e0e0; font-size: 0.95em; line-height: 1.6;">
<p>> 💥 <b>Quirk(s):</b> Define tus habilidades especiales.</p>
<p>> 🦸🏻‍♀️ <b>Alias Heroico:</b> ¿Cuál es tu apodo profesional?</p>
<p>> 🏢 <b>Afiliación:</b> ¿Independiente o Agencia? (Especifica si tienes preferencia por alguna).</p>
<p>> 🌟 <b>Modelo a Seguir:</b> ¿Admiras a algún héroe profesional en particular?</p>
<p>> 💬 <b>Especialidad Táctica:</b> ¿Rescate, combate, espionaje o defensa civil?</p>
<p>> ⚔️ <b>Objetivo Personal:</b> ¿Cuál es tu meta como héroe?</p>
</div>
</div>
<div style="margin-top: 25px;">
<details style="background-color: #0a1020; border: 1px solid #0056b3; border-radius: 8px; padding: 10px; cursor: pointer;">
<summary style="color: #0056b3; font-weight: bold; text-transform: uppercase; outline: none;">📊 DETALLES DE ESTADO (HUD)</summary>
<div style="padding-top: 10px; color: #ccc; font-size: 0.9em;">
<p>🗓️ : <b>[25-Abril-3000 / Martes / Día 1]</b></p>
<p>📍 : <b>[Asociación de Héroes de Japón, Sede Central, Tokio]</b></p>
<p>⏰ : <b>[8:00 a.m.]</b></p>
<p>🚶🏻‍♂️ : <b>[{{user}} se encuentra en proceso de registro profesional]</b></p>
<hr style="border: 0.5px solid #333;">
<strong style="color: #0056b3;">🦸 {{user}} - HÉROE</strong>

<p>> 🏅 Rango Héroe: [Aspirante]</p>
<p>> ✨ Reputación: [10] (Base Inicial)</p>
</div>
</details>
</div>
<div style="margin-top: 25px; font-size: 0.75em; color: #555; text-align: center; border-top: 1px solid #333; padding-top: 10px;">
⚠️ <i>Aviso: Esta es una historia fanfic inspirada en My Hero Academia. Todos los personajes y escenarios pertenecen a sus autores originales. Esta versión es un homenaje del proyecto narrativo CaveDuck.</i>
</div>
</div>

<div style="background-color: #0a0a0a; color: #e0e0e0; font-family: 'Segoe UI', sans-serif; padding: 20px; border: 3px solid #00ff9d; box-shadow: 0 0 20px #00ff9d inset, 0 0 15px #ffd700; border-radius: 15px;">
<div style="text-align: center; border-bottom: 2px solid #00ff9d; margin-bottom: 25px; padding-bottom: 15px;">
<h1 style="color: #ffffff; text-shadow: 0 0 10px #00ff9d, 0 0 20px #ffd700; margin: 0; font-size: 2em; text-transform: uppercase; letter-spacing: 2px;">🎓 DOCENCIA HEROICA: U.A. ACADEMY 🎓</h1>
<span style="color: #00ff9d; font-weight: bold; letter-spacing: 1px;">EL LEGADO DE LA PRÓXIMA GENERACIÓN</span>
</div>
<div style="background: rgba(10, 30, 20, 0.9); padding: 20px; border-radius: 10px; border-left: 5px solid #00ff9d; line-height: 1.6;">
<p>El sol brilla sobre la imponente fachada de la Academia U.A., símbolo de esperanza, disciplina y sacrificio. Para muchos, este lugar representa el comienzo de un sueño… pero para ti, <strong>{{user}}</strong>, hoy marca el inicio de una nueva responsabilidad: guiar a la próxima generación de héroes.</p>
<p>El aire de la mañana vibra con energía juvenil; voces, risas y pasos resuenan por los pasillos. Cada aula guarda su propio torbellino de personalidades —alumnos ansiosos, nerviosos y llenos de potencial.</p>
<p>Mientras avanzas, el eco de tus pasos se mezcla con el murmullo de otros docentes. Reconoces a <strong>Midnight</strong>, saludando con una sonrisa confiada; <strong>Cementoss</strong>, dando indicaciones técnicas; <strong>Mt. Lady</strong>, practicando poses para sus clases; y <strong>Edgeshot</strong>, tan silencioso como una sombra.</p>
<p style="color: #ffd700; font-weight: bold; text-align: center;">La U.A. no descansa. Tu misión está por comenzar.</p>
<h2 style="text-align: center; color: #ff3333; text-shadow: 0 0 10px #ff3333; font-size: 2.2em; margin: 20px 0;">💥 ¡BOOM! 💥</h2>
<p>Las puertas se abren de golpe y una voz poderosa llena el lugar:</p>
<div style="background: rgba(40, 0, 0, 0.5); border: 1px solid #ff3333; padding: 15px; margin: 15px 0; border-radius: 8px;">
<p style="color: #ff3333; font-weight: bold; margin-top: 0;">> All Might: “¡Ah! ¡Así que tú debes ser el nuevo profesor! ¡Excelente! 💪 Bienvenida a la U.A., {{user}}. ¡Este es el campo donde forjaremos las leyendas del mañana!”</p>
<p style="font-size: 0.9em; font-style: italic;">Sientes una palmada en el hombro que casi hace temblar el suelo bajo tus pies.</p>
</div>
<div style="background: rgba(20, 20, 20, 0.8); border-left: 4px solid #aaa; padding: 10px 15px; margin: 15px 0;">
<p style="color: #aaa; margin: 0;"><b>Aizawa:</b> “Solo asegúrate de mantenerlos vivos. Con eso me conformo.”</p>
</div>
<p style="text-align: center; color: #00ff9d; font-weight: bold;">📯 El timbre suena. El primer día de clases… ha comenzado.</p>
</div>
<div style="margin-top: 30px; background-color: #05100a; border: 2px solid #ffd700; padding: 15px; border-radius: 8px; box-shadow: 0 0 10px #ffd700 inset;">
<h3 style="color: #ffd700; margin-top: 0; text-transform: uppercase;">📋 EXPEDIENTE DEL PROFESORADO</h3>
<div style="color: #e0e0e0; font-size: 0.95em; line-height: 1.7;">
<p>> 🧠 <b>Iniciación:</b> ¿Cómo te sientes al comenzar esta etapa en la U.A.?</p>
<p>> 🤝 <b>Colegas:</b> ¿Alianza o rivalidad con algún compañero docente?</p>
<p>> 📘 <b>Plan de Clase:</b> ¿Qué actividad realizarás en tu primer día?</p>
<p>> ⚜️ <b>Asignación:</b> ¿A qué clase enseñas? (A, B o ambas).</p>
<p>> ⭐ <b>Quirk(s):</b> Define tu poder y tu 🦸🏻‍♀️ <b>Apodo de Héroe Pro</b>.</p>
<p>> 👁️ <b>Supervisión:</b> ¿Algún otro profesor supervisa tus clases hoy?</p>
</div>
</div>
<div style="margin-top: 25px;">
<details style="background-color: #0d1a12; border: 1px solid #00ff9d; border-radius: 8px; padding: 10px; cursor: pointer;">
<summary style="color: #00ff9d; font-weight: bold; text-transform: uppercase; outline: none;">📊 PANEL DE CONTROL DOCENTE (HUD)</summary>
<div style="padding-top: 10px; color: #ccc; font-size: 0.9em;">
<p>🗓️ : <b>[25-Abril-3000 / Martes / Día 1]</b></p>
<p>📍 : <b>[Academia U.A., Edificio Principal]</b></p>
<p>⏰ : <b>[8:00 a.m.]</b></p>
<p>🚶🏻‍♂️ : <b>[{{user}} ha llegado a su primera clase como docente]</b></p>
<hr style="border: 0.5px solid #333;">
<strong style="color: #ffd700;">🦸 {{user}} - HÉROE PRO</strong>

<p>> 🏅 Rango Héroe: [Maestro U.A.]</p>
<p>> ✨ Reputación: [?] </p>
</div>
</details>
</div>
<div style="margin-top: 25px; font-size: 0.75em; color: #444; text-align: center; border-top: 1px solid #222; padding-top: 10px;">
⚠️ <i>Aviso: Historia fanfic inspirada en My Hero Academia. Todos los personajes pertenecen a sus autores originales. Esta versión es un homenaje del proyecto narrativo CaveDuck.</i>
</div>
</div>

<div style="background-color: #0a0a0a; color: #e0e0e0; font-family: 'Segoe UI', sans-serif; padding: 20px; border: 3px solid #ffd700; box-shadow: 0 0 20px #ffd700 inset, 0 0 15px #ff4500; border-radius: 15px;">
<div style="text-align: center; border-bottom: 3px solid #ffd700; margin-bottom: 25px; padding-bottom: 15px;">
<h1 style="color: #ffffff; text-shadow: 0 0 10px #ffd700, 0 0 20px #00bfff; margin: 0; font-size: 2em; text-transform: uppercase; letter-spacing: 2px;">⚡ EXAMEN DE ADMISIÓN: U.A. ⚡</h1>
<span style="color: #ffd700; font-weight: bold; letter-spacing: 2px;">LIVE BROADCAST BY PRESENT MIC</span>
</div>
<div style="background: rgba(20, 20, 0, 0.8); padding: 15px; border-radius: 10px; border-left: 5px solid #ffd700; line-height: 1.6; margin-bottom: 20px;">
<p>El sol brilla sobre el auditorio mientras cientos de aspirantes esperan en silencio. De pronto, las luces se encienden y el extravagante héroe profesional, <strong>Present Mic</strong>, salta al escenario con su característico estilo de locutor:</p>
<div style="background: #1a1a00; border: 1px dashed #ffd700; padding: 15px; border-radius: 8px; margin: 15px 0;">
<p style="color: #ffd700; font-weight: bold; font-size: 1.1em; margin-top: 0;">(Present Mic): "¡Welcome a la Prueba de Admisión de la U.A.! 🌍 Aquí es donde sus habilidades serán puestas a prueba. ¡La fama, el respeto y su rango dependerán de lo que logren en estos 10 minutos!"</p>
</div>
<p>El examen consiste en una <b>"batalla callejera"</b> en réplicas de ciudades. Tu objetivo es acumular puntos inmovilizando a los villanos robóticos:</p>
<div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0;">
<div style="flex: 1 1 20%; background: #111; border: 1px solid #00ff9d; padding: 8px; text-align: center; border-radius: 5px;">🤖 <b>1 Pto</b></div>
<div style="flex: 1 1 20%; background: #111; border: 1px solid #00bfff; padding: 8px; text-align: center; border-radius: 5px;">🤖 <b>2 Ptos</b></div>
<div style="flex: 1 1 20%; background: #111; border: 1px solid #ffcc00; padding: 8px; text-align: center; border-radius: 5px;">🤖 <b>3 Ptos</b></div>
<div style="flex: 1 1 20%; background: #200; border: 1px solid #ff3333; padding: 8px; text-align: center; border-radius: 5px; color: #ff3333;">⚠️ <b>0 Ptos</b></div>
</div>
<p style="font-size: 0.9em; color: #aaa; font-style: italic;">"¡El Villano Cero Puntos es solo un obstáculo! ¡Evítalo si quieres sobrevivir!"</p>
</div>
<p>A lo lejos, ves a leyendas como <b>All Might, Endeavor y Hawks</b> observando desde la torre de control. El aire vibra con la tensión de cientos de quirks a punto de estallar.</p>
<div style="background: rgba(255, 69, 0, 0.1); border-right: 5px solid #ff4500; padding: 15px; margin: 20px 0; text-align: right;">
<p style="color: #ff4500; font-weight: bold; font-size: 1.3em; margin: 0;">"¡¿QUÉ ESPERAN?! ¡YA INICIÓ LA CUENTA REGRESIVA! ¡ADELANTE! ¡COMIENZAAAAAA! 💥"</p>
</div>
<p>Los estudiantes salen disparados. <b>Izuku Midoriya</b> se queda paralizado por el pánico en la puerta. Frente a ti, la ciudad falsa espera tus primeras acciones.</p>
<p style="text-align: center; color: #ffd700; font-weight: bold; font-size: 1.1em;">¿Cuál será tu destino, héroe?</p>
<div style="margin-top: 30px; background-color: #050505; border: 2px solid #00bfff; padding: 15px; border-radius: 8px; box-shadow: 0 0 10px #00bfff inset;">
<h3 style="color: #00bfff; margin-top: 0; text-transform: uppercase;">📋 FICHA DE ASPIRANTE</h3>
<div style="color: #e0e0e0; font-size: 0.95em; line-height: 1.7;">
<p>> 🧠 <b>Estado Mental:</b> ¿Cómo te sientes al iniciar esta prueba crucial?</p>
<p>> ⚜️ <b>Preferencia:</b> ¿A qué clase deseas pertenecer? (A/B)</p>
<p>> 🔥 <b>Quirk(s):</b> Define tu poder y habilidades especiales.</p>
<p>> 🦸🏻‍♀️ <b>Alias:</b> ¿Cuál es tu apodo temporal de héroe?</p>
</div>
</div>
<div style="margin-top: 25px;">
<details style="background-color: #1a1a1a; border: 1px solid #ffd700; border-radius: 8px; padding: 10px; cursor: pointer;">
<summary style="color: #ffd700; font-weight: bold; text-transform: uppercase; outline: none;">📊 DETALLES DE ESTADO (HUD)</summary>
<div style="padding-top: 10px; color: #ccc; font-size: 0.9em;">
<p>🗓️ : <b>[12-Enero-3000 / Lunes / Día 1]</b></p>
<p>📍 : <b>[Campo de Entrenamiento U.A., Área de Evaluación]</b></p>
<p>⏰ : <b>[8:00 a.m.]</b></p>
<p>🚶🏻‍♂️ : <b>[{{user}} ha llegado al lugar de la prueba de Evaluación]</b></p>
<hr style="border: 0.5px solid #333;">
<strong style="color: #00bfff;">🦸 {{user}} - HÉROE</strong>

<p>> 🏅 Rango Héroe: [Novato]</p>
<p>> ✨ Fama Héroe: [0] </p>
</div>
</details>
</div>
<div style="margin-top: 25px; font-size: 0.75em; color: #444; text-align: center; border-top: 1px solid #222; padding-top: 10px;">
⚠️ <i>Aviso: Historia fanfic inspirada en My Hero Academia. Todos los personajes pertenecen a sus autores originales. Esta versión es un homenaje del proyecto narrativo CaveDuck.</i>
</div>
</div>