11

[html]
<div style="max-width:1000px; margin:0 auto; font-family:'Georgia','Times New Roman',serif;">

<div style="background:linear-gradient(135deg,#f5f0e6,#e8dccc); border-radius:30px; padding:30px; margin-bottom:30px; border:1px solid #c9b89c;">
<div style="text-align:center; font-size:42px; font-weight:700; color:#4a3728; border-bottom:2px dashed #b99e7c; padding-bottom:15px; margin-bottom:30px;">Люцифер </div>
<div style="display:grid; grid-template-columns:1fr 1.5fr 1fr; gap:30px;">
<div>
<img src="https://i.pinimg.com/736x/5c/75/82/5c7582cf35a408be323847ceece4af90.jpg" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:20px; border:3px solid #b99e7c;">
</div>
<div>
<div style="background:#f5eee6; border-radius:15px; padding:15px; margin-bottom:20px;">
<div style="display:flex; justify-content:space-between; margin-bottom:10px;"><span>ИНТРОВЕРТ</span><span>ЭКСТРАВЕРТ</span></div>
<div style="height:30px; background:#d6c9b8; border-radius:20px; overflow:hidden; position:relative;">

</div>
</div>
<div style="background:#f5eee6; border-radius:15px; padding:15px; margin-bottom:20px;">
<div style="display:flex; justify-content:space-between; margin-bottom:10px;"><span>🌙 ЛУНА</span><span>☀️ СОЛНЦЕ</span></div>
<div style="height:30px; background:#d6c9b8; border-radius:20px; overflow:hidden; position:relative;">

</div>
</div>
<div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; background:#f5eee6; border-radius:15px; padding:15px;">
<div><div style="font-size:10px; color:#7e6b58;">MBTI</div><div>нрнр5ен</div></div>
<div><div style="font-size:10px; color:#7e6b58;">1-10</div><div>7</div></div>
<div><div style="font-size:10px; color:#7e6b58;">ВОЗРАСТ</div><div>15</div></div>
</div>
</div>
<div style="background:#f5eee6; border-radius:20px; padding:20px;">
<h3 style="text-align:center; margin:0 0 20px;">ЛЮДИ ВОКРУГ:</h3>
<label style="display:flex; align-items:center; gap:10px; margin-bottom:10px;"><input type="checkbox" disabled style="width:20px; height:20px;"> ЗНАКОМЫЕ</label><label style="display:flex; align-items:center; gap:10px; margin-bottom:10px;"><input type="checkbox" disabled style="width:20px; height:20px;"> ПРИЯТЕЛИ</label><label style="display:flex; align-items:center; gap:10px; margin-bottom:10px;"><input type="checkbox" checked disabled style="width:20px; height:20px;"> ДРУЗЬЯ</label><label style="display:flex; align-items:center; gap:10px; margin-bottom:10px;"><input type="checkbox" checked disabled style="width:20px; height:20px;"> СЕМЬЯ</label>
</div>
</div>
</div>


<div style="background:linear-gradient(135deg,#e6e0d5,#dacfc0); border-radius:30px; padding:30px; margin-bottom:30px;">
<h2 style="text-align:center; font-size:36px; color:#4a3728; border-bottom:2px dashed #b99e7c; padding-bottom:15px; margin-bottom:30px;">✧ ВЫБОР СЕРДЦА ✧</h2>
<div style="display:grid; grid-template-columns:repeat(3,1fr); gap:30px;">
<div style="background:rgba(245,240,235,0.8); border-radius:25px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">ГРЕХ</h3><div style="text-align:center; font-size:20px;">ЧРЕВОУГОДИЕ</div></div>
<div style="background:rgba(245,240,235,0.8); border-radius:25px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">ВЛЮБЛЁН?</h3><div style="text-align:center; font-size:20px;">💕 ДА</div></div>
<div style="background:rgba(245,240,235,0.8); border-radius:25px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">ВЫБРАЛ</h3><div style="text-align:center; font-size:20px;">НАСТОЯЩЕЕ</div></div>
</div>
</div>


<div style="background:linear-gradient(135deg,#f5f0e6,#e8dccc); border-radius:30px; padding:30px; margin-bottom:30px;">
<h2 style="text-align:center; font-size:36px; color:#4a3728; border-bottom:2px dashed #b99e7c; padding-bottom:15px; margin-bottom:30px;">✧ ХАРАКТЕРИСТИКИ ✧</h2>
<div style="display:grid; grid-template-columns:repeat(3,1fr); gap:20px;">
<div style="background:#f5eee6; border-radius:20px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">ПРИОРИТЕТЫ</h3><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">СЕМЬЯ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ЛЮБОВЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ДРУЖБА</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ПРИЗНАНИЕ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ДЕНЬГИ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ВЫ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ДРУГОЕ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div></div>
<div style="background:#f5eee6; border-radius:20px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">НЕДОСТАТКИ</h3><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ИМПУЛЬСИВНОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ЗАМКНУТОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">АГРЕССИЯ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ЛИЦЕМЕРИЕ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ПАССИВНОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ИНФАНТИЛЬНОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ЭГОИЗМ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#e8ddcf; border:2px solid #b99e7c;"></span></div></div></div>
<div style="background:#f5eee6; border-radius:20px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">НАВЫКИ</h3><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ЧУВСТВО ЮМОРА</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">АДАПТИВНОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ВНИМАТЕЛЬНОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">КРЕАТИВНОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">КРАСНОРЕЧИЕ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ЭМПАТИЯ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div><div style="background:white; border-radius:10px; padding:10px; margin-bottom:8px; border:1px solid #d6c9b8;"><div style="font-weight:600; margin-bottom:5px;">ОРГАНИЗОВАННОСТЬ</div><div style="display:flex; gap:5px;"><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span><span style="display:inline-block; width:25px; height:25px; border-radius:50%; background:#b99e7c; border:2px solid #b99e7c;"></span></div></div></div>
</div>
</div>


<div style="background:linear-gradient(135deg,#f5f0e6,#e8dccc); border-radius:30px; padding:30px; margin-bottom:30px;">
<h2 style="text-align:center; font-size:36px; color:#4a3728; border-bottom:2px dashed #b99e7c; padding-bottom:15px; margin-bottom:30px;">⚖️ ШКАЛЫ ХАРАКТЕРА ⚖️</h2>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:25px;">
<div style="background:#f5eee6; border-radius:20px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">ЧЕРТЫ ЛИЧНОСТИ</h3>
<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ЭНЕРГИЧНЫЕ</span>
<span>УСТАВШИЕ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

<div style="position:absolute; right:0; top:0; height:100%; width:31.619200000000006%; background:#cd5c5c;"></div>
</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ЛЕНИВЫЕ</span>
<span>ТРУДЯГИ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:31.33%; background:#5f9ea0;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>НЕУКЛЮЖИЕ</span>
<span>АККУРАТНЫЕ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

<div style="position:absolute; right:0; top:0; height:100%; width:35.088800000000006%; background:#cd5c5c;"></div>
</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>КУДА ДЕТЬ ДЕНЬГИ</span>
<span>ДАЙТЕ ДЕНЕГ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:31.0822%; background:#5f9ea0;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>УСПЕВАЕТЕ ВСЕ</span>
<span>УСПЕВАЕТЕ НИЧЕГО</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:35.2953%; background:#5f9ea0;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>РАНО ВСТАЕТЕ</span>
<span>СПАЛИ БЫ ВЕСЬ ДЕНЬ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:42.97811%; background:#5f9ea0;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ИМПРОВИЗИРУЕТЕ</span>
<span>ПЛАНИРУЕТЕ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:27.1169%; background:#5f9ea0;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>СОЦИАЛЬНЫ</span>
<span>СОЦИУМ???</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

</div>
</div>
</div>
<div style="background:#f5eee6; border-radius:20px; padding:20px;"><h3 style="text-align:center; border-bottom:2px solid #b99e7c; padding-bottom:10px;">ОТНОШЕНИЕ К ЖИЗНИ</h3>
<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ЗРЕЛЫЕ</span>
<span>РЕБЯЧЛИВЫЕ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

<div style="position:absolute; right:0; top:0; height:100%; width:26.456000000000003%; background:#ffd700;"></div>
</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>АМБИЦИОЗНЫЕ</span>
<span>БЕЗ АМБИЦИЙ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:31.0409%; background:#4169e1;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ВКАЧАЛИ УДАЧУ</span>
<span>УДАЧА КТО</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:30.7931%; background:#4169e1;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ТВОРЧЕСКИЕ</span>
<span>ЛОГИКИ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

<div style="position:absolute; right:0; top:0; height:100%; width:38.3519%; background:#ffd700;"></div>
</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ОПАЗДЫВАЕТЕ</span>
<span>ПРИХОДИТЕ ЗАРАНЕЕ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

<div style="position:absolute; right:0; top:0; height:100%; width:35.3779%; background:#ffd700;"></div>
</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ТЕРПЕЛИВЫЕ</span>
<span>НЕ УМЕЕТЕ ТЕРПЕТЬ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:28.3147%; background:#4169e1;"></div>

</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>МНОГО ЭМОЦИЙ</span>
<span>ЛИЦО КАМЕНЬ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">

<div style="position:absolute; right:0; top:0; height:100%; width:40.334599999999995%; background:#ffd700;"></div>
</div>
</div>

<div style="margin-bottom:15px;">
<div style="display:flex; justify-content:space-between; margin-bottom:5px; font-size:13px;">
<span>ДАРИТЬ ПОДАРКИ</span>
<span>ПОЛУЧАТЬ</span>
</div>
<div style="height:25px; background:#d6c9b8; border-radius:15px; position:relative; overflow:hidden;">
<div style="position:absolute; left:0; top:0; height:100%; width:18.6493%; background:#4169e1;"></div>

</div>
</div>
</div>
</div>
</div>


<div style="max-width:800px; margin:0 auto; background:linear-gradient(135deg,#f5f0e6,#e8dccc); border-radius:30px; padding:30px;">
<h2 style="text-align:center; font-size:36px; color:#4a3728; border-bottom:2px dashed #b99e7c; padding-bottom:15px; margin-bottom:30px;">🎨 ЦВЕТА 🎨</h2>
<div style="display:grid; grid-template-columns:1fr 1fr; gap:30px;">
<div>
<div style="margin-bottom:20px;"><span style="font-weight:600;">ЛЮБИМЫЙ:</span> <span style="display:inline-block; width:40px; height:40px; background:#DB1F1F; border-radius:8px; border:2px solid #b99e7c; vertical-align:middle;"></span> #DB1F1F</div>
<div><span style="font-weight:600;">НЕЛЮБИМЫЙ:</span> <span style="display:inline-block; width:40px; height:40px; background:#3FA24A; border-radius:8px; border:2px solid #b99e7c; vertical-align:middle;"></span> #3FA24A</div>
</div>
<div>
<div style="margin-bottom:20px;"><span style="font-weight:600;">ВОЛОСЫ:</span> <span style="display:inline-block; width:40px; height:40px; background:#FFC933; border-radius:8px; border:2px solid #b99e7c; vertical-align:middle;"></span> #FFC933</div>
<div><span style="font-weight:600;">ГЛАЗА:</span> <span style="display:inline-block; width:40px; height:40px; background:#0F9BFF; border-radius:8px; border:2px solid #b99e7c; vertical-align:middle;"></span> #0F9BFF</div>
</div>
</div>
</div>
</div>[/html]

re:start

Меню навигации

Пользовательские ссылки

Объявление

Информация о пользователе

11

Сообщений 1 страница 2 из 2

Поделиться12025-12-29 12:31:32

Поделиться22026-03-17 18:06:52