<div class="content"> <div class="intro"> đ¸ <strong>āĻ¸ā§āĻŦāĻžāĻāĻ¤āĻŽ</strong> â âāĻĒā§āĻ°ā§āĻŽā§āĻ° āĻāĻžāĻšāĻŋāĻ¨ā§â āĻ¸āĻŋāĻ°āĻŋāĻā§āĻ° āĻ¸ā§āĻāĻŋāĻĒāĻ¤ā§āĻ°ā§āĨ¤ āĻāĻāĻžāĻ¨ā§ āĻ¸āĻžāĻāĻžāĻ¨ā§ āĻāĻā§ āĻĒā§āĻ°ā§āĻŽā§āĻ° āĻ¨āĻžāĻ¨āĻžāĻ¨ āĻ°ā§āĻĒ: āĻĒā§āĻ°āĻĨāĻŽ āĻĻā§āĻāĻž, āĻšāĻžāĻ°āĻžāĻ¨ā§, āĻĒāĻžāĻāĻ¯āĻŧāĻž, āĻāĻ¤ā§āĻŽāĻ¤ā§āĻ¯āĻžāĻ āĻāĻ° āĻāĻŋāĻ°āĻ¨ā§āĻ¤āĻ¨ āĻŦāĻ¨ā§āĻ§āĻ¨āĨ¤ āĻĒā§āĻ°āĻ¤āĻŋāĻāĻŋ āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ āĻāĻŋāĻ¨ā§āĻ¨ āĻ¸ā§āĻŦāĻžāĻĻā§ āĻŽā§āĻĄāĻŧāĻžāĨ¤ </div>
<!-- Main Index List --> <ul class="story-list"> <!-- Story 1 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§§</span> āĻā§āĻ¤ā§āĻ°ā§āĻ° āĻĒā§āĻ°āĻĨāĻŽ āĻŦā§āĻˇā§āĻāĻŋ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§§ | ā§§ā§¨ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 2 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§¨</span> āĻ¨ā§āĻ˛ āĻā§āĻā§āĻ° āĻŽāĻŋāĻĨā§āĻ¯ā§ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§¨ | ā§¯ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 3 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Š</span> āĻā§āĻ°ā§āĻ¨ āĻ āĻāĻŋāĻāĻ˛āĻŋāĻĒ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Š | ā§§ā§Ē āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 4 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ē</span> āĻ¸ā§āĻ āĻāĻŋāĻ āĻŋāĻ° āĻāĻ¨ā§āĻ§ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ē | ā§§ā§§ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 5 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ģ</span> āĻŽā§āĻāĻ˛āĻž āĻĻā§āĻĒā§āĻ°ā§āĻ° āĻ°ā§āĻĻā§āĻĻā§āĻ° </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ģ | ā§Ž āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 6 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ŧ</span> āĻĢāĻŋāĻ°ā§ āĻĻā§āĻāĻž â āĻ āĻ¸āĻŽāĻžāĻĒā§āĻ¤ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ŧ | ā§§ā§Ŧ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 7 (special) --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§</span> āĻ¸āĻžāĻĻāĻž āĻāĻžāĻāĻĻā§āĻ° āĻāĻ˛ā§āĻĒ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§ | ā§§ā§Ļ āĻĒāĻžāĻ¤āĻž</span> </a> </li> <!-- Story 8 --> <li class="story-item"> <a href="#" class="story-link"> <span class="story-title"> <span class="story-number">ā§Ž</span> āĻļā§āĻˇ āĻ¨āĻā§āĻˇāĻ¤ā§āĻ°ā§āĻ° āĻĒā§āĻ°ā§āĻŽ </span> <span class="story-meta">āĻ āĻ§ā§āĻ¯āĻžāĻ¯āĻŧ ā§Ž | ā§§ā§Š āĻĒāĻžāĻ¤āĻž</span> </a> </li> </ul> index of premer kahini
.footer-note margin-top: 2.5rem; padding-top: 1rem; text-align: center; font-size: 0.85rem; border-top: 2px dotted #fad6a5; color: #ad7a52; !-- Main Index List -->
.header p font-size: 1.2rem; margin-top: 0.5rem; font-style: italic; opacity: 0.9; !-- Story 1 -->
.container max-width: 900px; margin: 0 auto; background: #ffffffdd; backdrop-filter: blur(2px); border-radius: 2rem; box-shadow: 0 20px 35px -12px rgba(0,0,0,0.2); overflow: hidden; border: 1px solid #ffdfb8;