<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 900" width="1400" height="900" role="img" aria-label="Электронная почта: что это такое и как её создать">
    <defs>
      <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
        <stop offset="0%" stop-color="#dff4ff"/>
        <stop offset="100%" stop-color="#bfe7ff"/>
      </linearGradient>
      <linearGradient id="panel" x1="0" y1="0" x2="1" y2="1">
        <stop offset="0%" stop-color="#ffffff" stop-opacity="0.96"/>
        <stop offset="100%" stop-color="#ffffff" stop-opacity="0.78"/>
      </linearGradient>
    </defs>
    <rect width="1400" height="900" rx="42" fill="url(#bg)"/>
    <circle cx="1180" cy="160" r="130" fill="white" fill-opacity="0.24"/>
    <circle cx="1260" cy="760" r="170" fill="white" fill-opacity="0.18"/>
    <circle cx="90" cy="90" r="56" fill="white" fill-opacity="0.24"/>
    <rect x="56" y="58" width="1288" height="784" rx="34" fill="url(#panel)" stroke="#ffffff" stroke-opacity="0.45"/>
    <text x="84" y="116" fill="#174ea6" font-family="Arial" font-size="26" font-weight="700">Кликитык.рф</text>
    <rect x="84" y="146" width="230" height="44" rx="22" fill="white" fill-opacity="0.86"/>
    <text x="104" y="176" fill="#0b5ea8" font-family="Arial" font-size="22" font-weight="700">Электронная почта</text>
    <rect x="336" y="146" width="230" height="44" rx="22" fill="white" fill-opacity="0.86"/>
    <text x="356" y="176" fill="#0b5ea8" font-family="Arial" font-size="22" font-weight="700">Доступно всем</text>
    <text x="84" y="220" fill="#0b5ea8" font-family="Arial" font-size="52" font-weight="700">Электронная почта: что это</text><text x="84" y="288" fill="#0b5ea8" font-family="Arial" font-size="52" font-weight="700">такое и как её создать</text>
    <text x="84" y="390" fill="#355070" font-family="Arial" font-size="28">Подробный первый урок о том, зачем нужна</text><text x="84" y="428" fill="#355070" font-family="Arial" font-size="28">электронная почта, как завести свой адрес и</text><text x="84" y="466" fill="#355070" font-family="Arial" font-size="28">как пользоваться письмами без спешки.</text>
    <rect x="84" y="704" width="398" height="92" rx="24" fill="white" fill-opacity="0.88"/>
    <text x="112" y="748" fill="#0b5ea8" font-family="Arial" font-size="28" font-weight="700">Пошагово и без спешки</text>
    <text x="112" y="784" fill="#355070" font-family="Arial" font-size="22">Понятные шаги, памятка и частые вопросы</text>
    
        <rect x="980" y="170" width="280" height="210" rx="28" fill="white" fill-opacity="0.78"/>
        <rect x="1010" y="212" width="220" height="130" rx="22" fill="#174ea6" fill-opacity="0.16" stroke="#174ea6" stroke-width="6"/>
        <path d="M 1025 242 L 1120 302 L 1215 242" fill="none" stroke="#174ea6" stroke-width="8" stroke-linecap="round" stroke-linejoin="round"/>
        <circle cx="1210" cy="216" r="28" fill="#0b5ea8"/>
        <text x="1210" y="226" fill="white" text-anchor="middle" font-family="Arial" font-size="30" font-weight="700">@</text>
        
    </svg>