.elementor-111 .elementor-element.elementor-element-7a68955b{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-7a68955b */<style>
    :root {<br />      color-scheme: dark;<br />      --bg-main: #0b0b0f;<br />      --bg-card: #15151c;<br />      --bg-glass: rgba(20, 20, 26, 0.75);<br />      --gold: #f5c15c;<br />      --gold-soft: rgba(245, 193, 92, 0.15);<br />      --text-main: #f2f2f7;<br />      --text-muted: rgba(242,242,247,0.65);<br />      --border-soft: rgba(255,255,255,0.08);<br />    }</p>
<p>    body {<br />      margin: 0;<br />      background: radial-gradient(circle at top, #14141c, var(--bg-main));<br />      font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;<br />      line-height: 1.65;<br />      color: var(--text-main);<br />    }</p>
<p>    /* Top bar */<br />    .topbar {<br />      position: sticky;<br />      top: 0;<br />      z-index: 10;<br />      backdrop-filter: blur(18px);<br />      -webkit-backdrop-filter: blur(18px);<br />      background: var(--bg-glass);<br />      border-bottom: 1px solid var(--border-soft);<br />    }</p>
<p>    .topbar-inner {<br />      max-width: 920px;<br />      margin: 0 auto;<br />      padding: 16px;<br />      display: flex;<br />      align-items: center;<br />      justify-content: space-between;<br />    }</p>
<p>    .brand {<br />      font-weight: 800;<br />      letter-spacing: 0.4px;<br />      color: var(--gold);<br />    }</p>
<p>    /* Toggle pill */<br />    .pill {<br />      display: inline-flex;<br />      padding: 6px;<br />      border-radius: 999px;<br />      background: rgba(255,255,255,0.06);<br />      border: 1px solid var(--border-soft);<br />    }</p>
<p>    .pill button {<br />      border: 0;<br />      background: transparent;<br />      padding: 8px 14px;<br />      border-radius: 999px;<br />      font-weight: 600;<br />      cursor: pointer;<br />      color: var(--text-muted);<br />    }</p>
<p>    .pill button.active {<br />      background: var(--gold-soft);<br />      color: var(--gold);<br />    }</p>
<p>    /* Layout */<br />    .container {<br />      max-width: 920px;<br />      margin: 40px auto 80px;<br />      padding: 0 16px;<br />    }</p>
<p>    .card {<br />      background: linear-gradient(180deg, #181820, #121217);<br />      border-radius: 26px;<br />      padding: 34px 28px;<br />      border: 1px solid var(--border-soft);<br />      box-shadow: 0 30px 80px rgba(0,0,0,0.55);<br />    }</p>
<p>    /* Markdown content */<br />    #content {<br />      max-width: 760px;<br />      margin: 0 auto;<br />    }</p>
<p>    #content h1 {<br />      font-size: 36px;<br />      margin-bottom: 12px;<br />      color: var(--gold);<br />    }</p>
<p>    #content h2 {<br />      margin-top: 42px;<br />      margin-bottom: 12px;<br />      font-size: 24px;<br />      color: #ffd37d;<br />    }</p>
<p>    #content h3 {<br />      margin-top: 26px;<br />      font-size: 18px;<br />      color: #ffe3a3;<br />    }</p>
<p>    #content p,<br />    #content li {<br />      color: var(--text-muted);<br />    }</p>
<p>    #content ul,<br />    #content ol {<br />      padding-left: 1.2em;<br />    }</p>
<p>    #content a {<br />      color: var(--gold);<br />      text-decoration: none;<br />    }</p>
<p>    #content a:hover {<br />      text-decoration: underline;<br />    }</p>
<p>    #content code {<br />      background: rgba(255,255,255,0.08);<br />      padding: 3px 7px;<br />      border-radius: 8px;<br />      font-size: 0.95em;<br />    }</p>
<p>    #content blockquote {<br />      margin: 20px 0;<br />      padding: 14px 18px;<br />      border-left: 4px solid var(--gold);<br />      background: rgba(255,255,255,0.05);<br />      border-radius: 14px;<br />      color: var(--text-muted);<br />    }</p>
<p>    .status {<br />      margin-top: 18px;<br />      font-size: 13px;<br />      color: rgba(255,255,255,0.45);<br />      text-align: center;<br />    }<br />  </style>/* End custom CSS */