[Cod Otome Multi-PG] Protocollo di Sopravvivenza Succube
<div style="max-width: 440px; margin: 40px auto; background: linear-gradient(180deg, #0a0006 0%, #1a0010 40%, #0a0006 100%); border-radius: 24px; padding: 0; overflow: hidden; box-shadow: 0 0 60px rgba(255, 0, 80, 0.15), 0 0 120px rgba(255, 0, 80, 0.05), 0 0 0 1px rgba(255, 0, 80, 0.15); font-family: 'Georgia', serif; text-align: center; position: relative;">
<div style="position: absolute; top: -60px; left: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(255, 0, 80, 0.15) 0%, transparent 70%); pointer-events: none;"></div>
<div style="position: absolute; bottom: -60px; right: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(200, 0, 150, 0.12) 0%, transparent 70%); pointer-events: none;"></div>
<div style="padding: 40px 32px 32px; position: relative;">
<div style="font-size: 11px; letter-spacing: 8px; color: rgba(255, 80, 120, 0.5); margin-bottom: 20px; animation: fadeInDown 1.5s ease;">D E S I R E R E B O R N</div>
<div style="font-size: 44px; line-height: 1; margin-bottom: 16px; filter: drop-shadow(0 0 20px rgba(255, 0, 80, 0.6)); animation: pulse 2s ease-in-out infinite;">🖤</div>
<div style="font-size: 24px; font-weight: bold; letter-spacing: 6px; background: linear-gradient(135deg, #ff2d55 0%, #ff6b9d 40%, #c4006e 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; filter: drop-shadow(0 0 15px rgba(255, 45, 85, 0.4)); margin-bottom: 8px;">Scrivi la tua nuova identità</div>
<div style="font-size: 12px; letter-spacing: 4px; color: rgba(255, 80, 120, 0.4); margin-bottom: 24px;">Il vecchio io bruciato, il nuovo io attende un bacio</div>
<div style="display: flex; align-items: center; justify-content: center; gap: 12px;">
<div style="flex: 1; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 0, 80, 0.4));"></div>
<div style="font-size: 12px; color: rgba(255, 0, 80, 0.6); animation: spinSlow 4s linear infinite;">✦</div>
<div style="flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255, 0, 80, 0.4), transparent);"></div>
</div>
<div style="font-size: 11px; letter-spacing: 3px; color: rgba(255, 80, 120, 0.3); margin-top: 20px;">In nome del desiderio · Patto con la notte</div>
</div>
</div>
<style>
@keyframes pulse {
0%, 100% { transform: scale(1); opacity: 0.8; }
50% { transform: scale(1.1); opacity: 1; }
}
@keyframes fadeInDown {
from { opacity: 0; transform: translateY(-15px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes spinSlow {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
</style>Accedi per continuare la conversazione