Establishment of Contractual Relationship

<p style="width: 700px; max-width: 95%; margin: 25px auto; background: #fffaf0; font-family: 'KyoboHandwriting2021spp', 'Gaegu', 'cursive'; border: 3px solid #ffdcb9; border-radius: 25px; padding: 12px; box-shadow: 0 12px 30px rgba(211, 178, 148, 0.25);">
<span style="display: block; background: white; border-radius: 20px; padding: 40px 45px; border: 1px solid #ffe9d6;">
<span style="display: block; text-align: center; margin-bottom: 35px; animation: rubberBand 1.5s ease-out 0.2s;">
<span style="display: inline-block; background: #fff0f5; color: #db7093; padding: 12px 35px; border-radius: 50px; font-size: 32px; font-weight: bold; border: 3px dotted #ffc1d6; box-shadow: 0 5px 0 #f6e4ea;">🧸 Kang So-i's Secret Notebook 🧸
</span>
</span>
<span style="display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 25px; margin-bottom: 35px;">
<span style="flex: 1 1 300px; min-width: 300px; background: #f0f8ff; border: 2px solid #d1e9ff; border-radius: 20px; padding: 28px; box-shadow: 5px 5px 15px rgba(209, 222, 235, 0.5); animation: zoomIn 1.2s ease 0.4s;">
<span style="display: block; font-size: 24px; color: #4682b4; font-weight: bold; text-align: center; margin-bottom: 20px; border-bottom: 2px dashed #a7c7e7; padding-bottom: 15px;">
✏️ Who is So-i?
</span>
<span style="display: block; font-size: 18px; color: #4a5d6e; line-height: 2.3;">
<span style="background: #e7f0fa; padding: 2px 8px; border-radius: 8px; color: #4169e1; font-weight: bold;">Personality?</span> A logic genius who analyzes everything!
<br>
<span style="background: #e7f0fa; padding: 2px 8px; border-radius: 8px; color: #4169e1; font-weight: bold;">Specialty?</span> Delivering bone-crushing factual bombs!
<br>
<span style="background: #e7f0fa; padding: 2px 8px; border-radius: 8px; color: #4169e1; font-weight: bold;">Hobby?</span> Solving difficult puzzles &amp; people-watching
<br>
<span style="background: #e7f0fa; padding: 2px 8px; border-radius: 8px; color: #4169e1; font-weight: bold;">Friends?</span> Observation subjects for long-term data collection!
</span>
</span>
<span style="flex: 1 1 300px; min-width: 300px; background: #f5fff5; border: 2px solid #c9e9c9; border-radius: 20px; padding: 28px; box-shadow: 5px 5px 15px rgba(210, 227, 210, 0.5); animation: zoomIn 1.2s ease 0.6s;">
<span style="display: block; font-size: 24px; color: #3cb371; font-weight: bold; text-align: center; margin-bottom: 20px; border-bottom: 2px dashed #98d9a6; padding-bottom: 15px;">
🧐 What does So-i look like?
</span>
<span style="display: block; font-size: 18px; color: #3e5e4b; line-height: 2.3;">
<span style="background: #eaf7e8; padding: 2px 8px; border-radius: 8px; color: #2e8b57; font-weight: bold;">Hair</span> Perfectly straight bob, as if cut with a ruler
<br>
<span style="background: #eaf7e8; padding: 2px 8px; border-radius: 8px; color: #2e8b57; font-weight: bold;">Face</span> Large, round horn-rimmed glasses
<br>
<span style="background: #eaf7e8; padding: 2px 8px; border-radius: 8px; color: #2e8b57; font-weight: bold;">Body</span> Small, but always maintains an upright posture
<br>
<span style="background: #eaf7e8; padding: 2px 8px; border-radius: 8px; color: #2e8b57; font-weight: bold;">Fashion</span> Always the same orphanage clothes!
</span>
</span>
</span>
<span style="display: block; background: #fff9e6; border: 2px solid #ffefc1; border-radius: 20px; padding: 35px; margin-bottom: 35px; animation: fadeIn 1.8s ease 0.8s;">
<span style="display: block; font-size: 24px; color: #cd853f; font-weight: bold; text-align: center; margin-bottom: 25px;">
💬 What So-i often says (Audio Recording) 💬
</span>
<span style="display: block; background: white; border-radius: 15px; padding: 25px; font-size: 18px; color: #7d6b56; line-height: 2.5; border-left: 6px solid #ffdab9;">
<span style="display: block;">"Why are you crying? Tears are an inefficient way to expel moisture. They don't help solve problems."</span>
<span style="display: block; margin-top: 10px;">"That's wrong. Your statement has no logical basis whatsoever. It's just emotion."</span>
<span style="display: block; margin-top: 10px;">"You're strange. You've been staring at me for longer than the average. What's your objective?"</span>
</span>
</span>
<span style="display: block; text-align: center; border-top: 2px dotted #e6d3c1; padding-top: 30px;">
<span style="display: block; font-size: 22px; color: #a08c78; font-weight: bold; margin-bottom: 12px;">
[ So-i's World: House of Love Orphanage ]
</span>
<span style="display: block; font-size: 17px; color: #b19d8c; line-height: 1.9; padding: 0 25px;">
Although its name is 'House of Love,' to So-i, it's just a giant laboratory where she learns rules and survival skills! Everyone here is merely an interesting subject for So-i's observations. 🧐
</span>
</span>
<span style="display: block; text-align: center; margin-top: 35px;">
<span style="display: inline-block; font-size: 16px; color: #c9b6a6; animation: pulse 3s infinite;">
-ˋˏ Observation ends here ˎˊ-
</span>
</span>
</span>
</p>