<svg xmlns="http://www.w3.org/2000/svg" width="1400" height="800" viewBox="0 0 1400 800" fill="none">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1400" y2="800" gradientUnits="userSpaceOnUse">
      <stop stop-color="#0B1221"/>
      <stop offset="1" stop-color="#121B33"/>
    </linearGradient>
    <linearGradient id="accent" x1="0" y1="0" x2="1" y2="1">
      <stop stop-color="#6E58FF"/>
      <stop offset="1" stop-color="#4ECDC4"/>
    </linearGradient>
  </defs>
  <rect width="1400" height="800" rx="28" fill="url(#bg)"/>
  <rect x="90" y="90" width="1220" height="620" rx="22" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.14)"/>
  <rect x="130" y="130" width="1140" height="60" rx="18" fill="rgba(255,255,255,0.06)"/>
  <text x="170" y="170" fill="rgba(255,255,255,0.90)" font-family="ui-sans-serif, system-ui" font-size="18" font-weight="600">Rawdly walkthrough</text>
  <rect x="130" y="220" width="1140" height="450" rx="20" fill="rgba(255,255,255,0.04)"/>
  <circle cx="700" cy="445" r="80" fill="url(#accent)" fill-opacity="0.55"/>
  <path d="M680 405 L760 445 L680 485 Z" fill="rgba(11,18,33,0.75)"/>
  <text x="170" y="260" fill="rgba(255,255,255,0.70)" font-family="ui-sans-serif, system-ui" font-size="14">Attendance • Activities • Gallery • Messages • Billing</text>
</svg>


