body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                   Roboto, Arial, sans-serif;
      background: radial-gradient(circle at top, #111827, #020617);
      color: #e5e7eb;
      line-height: 1.7;
    }

    .container {
      max-width: 960px;
      margin: 0 auto;
      padding: 80px 24px;
    }

    h1 {
      font-size: 2.6rem;
      font-weight: 600;
      margin-bottom: 0.3em;
    }

    h2 {
      font-size: 1.1rem;
      font-weight: 400;
      color: #9ca3af;
      margin-top: 0;
    }

    h3 {
      margin-top: 48px;
      font-size: 1.3rem;
      font-weight: 600;
      color: #e5e7eb;
    }

    .divider {
      width: 72px;
      height: 3px;
      background: linear-gradient(to right, #60a5fa, #38bdf8);
      margin: 32px 0;
    }

    p {
      max-width: 760px;
      margin-bottom: 1.3em;
      color: #d1d5db;
    }

    .callout {
      background: rgba(255,255,255,0.03);
      border-left: 4px solid #38bdf8;
      padding: 20px 24px;
      margin: 32px 0;
      color: #e5e7eb;
    }

    .links a {
      display: inline-block;
      margin-right: 24px;
      margin-top: 16px;
      color: #60a5fa;
      text-decoration: none;
      font-weight: 500;
    }

    .links a:hover {
      text-decoration: underline;
    }

    .closing {
      margin-top: 64px;
      font-style: italic;
      color: #9ca3af;
      max-width: 760px;
    }

    footer {
      margin-top: 96px;
      font-size: 0.85rem;
      color: #6b7280;
    }
	  
	 .hero {
  margin-bottom: 48px;
	}

	.hero img {
	  width: 100%;
	  max-width: 960px;
	  height: auto;
	  border-radius: 6px;
	  display: block;
	  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
	} 
	  
	.session {
	  margin-top: 36px;
	  padding-top: 24px;
	  position: relative;
	}

	.session:not(:first-child)::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 180px;
	  height: 2px;
	  background: linear-gradient(to right, #60a5fa, #38bdf8);
	  opacity: 0.6;
	}