body {
      background: #0C0809;
      color: #f3f3f3;
      font-family: 'Montserrat', Arial, sans-serif;
      margin: 0;
      padding: 0;
      min-height: 100vh;
    }
    .gradient-border {
      background: linear-gradient(to bottom, #082, #3C6EB4, #082);
      border-radius: 18px;
      padding: 8px;
      max-width: 900px;
      margin: 40px auto;
      box-shadow: 0 4px 24px #000a;
      animation: fadeIn 1.3s;
    }
    .container {
      background: #19192b;
      border-radius: 14px;
      padding: 32px;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(30px);}
      to   { opacity: 1; transform: translateY(0);}
    }
    .avatar {
      display: block;
      margin: 0 auto 24px auto;
      border-radius: 50%;
      box-shadow: 0 2px 12px #000a;
      transition: box-shadow 0.3s;
    }
    .avatar:hover {
      box-shadow: 0 0 32px #082, 0 0 0 6px #222;
    }
    h1, h2, h3 {
      color: #082;
      letter-spacing: 1.2px;
    }
    a {
      color: #3C6EB4;
      transition: color 0.2s;
    }
    a:hover {
      color: #762572;
      text-decoration: underline wavy;
    }
    pre, code {
      background: #0C0809;
      color: #ffc1cc;
      border-radius: 4px;
      padding: 2px 6px;
      font-family: 'Fira Mono', monospace;
    }
    pre {
      padding: 12px;
      overflow-x: auto;
    }
    table {
      border-collapse: collapse;
      background: #0C0809;
      margin-bottom: 1em;
    }
    th, td {
      border: 1px solid #444;
      padding: 8px 12px;
    }
    th {
      background: #333;
    }
    hr {
      border: 1px solid #444;
    }
    @media (max-width: 600px) {
      .container { padding: 8px; }
      .avatar { width: 90px; }
    }
#readme-content img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 24px auto;
  border-radius: 8px;
  box-shadow: 0 2px 16px #0006;
  transition: box-shadow 0.3s;
}
#readme-content img:hover {
  box-shadow: 0 0 32px #082;
}
::selection {
  background: #082;
  color: #0C0809;
}
.github-btn {
  display: inline-block;
  background: #082;
  color: #0C0809;
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: bold;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.preview {
  display: flex;
}
.github-btn:hover {
  background: #082;
  color: #fff;
}
html {
  scroll-behavior: smooth;
}