body {
      background-color: #111;
      color: #f5f5f5;
      font-family: 'Poppins', sans-serif;
      padding: 40px;
      max-width: 900px;
      margin: auto;
      line-height: 1.8;
    }

h1, h2, h3 {
    color: #00ffc3;
    margin-top: 2em;
}

p, li {
    font-size: 1.05rem;
}

ul {
    margin-left: 1.5rem;
}

img {
    max-width: 100%;
    border-radius: 12px;
    margin: 20px 0;
    box-shadow: 0 0 10px rgba(0, 255, 200, 0.3);
}

a {
    color: #00bfff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #66d9ff;
}

code {
    background-color: #222;
    padding: 4px 8px;
    border-radius: 4px;
    color: #00ffcc;
    font-size: 0.95rem;
}

pre {
    background-color: #1c1c1c;
    padding: 16px;
    border-radius: 6px;
    overflow-x: auto;
    margin: 20px 0;
}

.back-link {
    display: inline-block;
    margin-top: 40px;
    color: #ccc;
}

.responsive-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 16px 0;
}

.laravel-module {
  padding: 32px 16px;
  background-color: #111;
  color: #eee;
  line-height: 1.8;
}

.laravel-module h1,
.laravel-module h2 {
  color: #00ffcc;
}

code {
  background-color: #222;
  color: #66ffcc;
  padding: 2px 4px;
  border-radius: 4px;
}

pre {
  background-color: #1a1a1a;
  color: #00ffcc;
  padding: 16px;
  overflow-x: auto;
  border-radius: 6px;
  margin-bottom: 24px;
}