/* ======================================================= */
/* Styles for 'blog-index-and-posts' */
/* ======================================================= */
.blog-index-and-posts-wrapper {
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    background-color: #121212;
    color: #f5f5f5;
    line-height: 1.6;
}
.blog-index-and-posts-wrapper .container {
    max-width: 800px;
    margin: 3rem auto;
    padding: 0 1rem;
}
.blog-index-and-posts-wrapper h1 {
    font-size: 2.5rem;
    color: #ffffff;
    margin-bottom: 1rem;
    border-bottom: 2px solid #333;
    padding-bottom: 0.5rem;
}
.blog-index-and-posts-wrapper .post {
    background-color: #1e1e1e;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: transform 0.2s;
}
.blog-index-and-posts-wrapper .post:hover {
    transform: scale(1.01);
}
.blog-index-and-posts-wrapper .post h2 a {
    color: #00bcd4;
    text-decoration: none;
}
.blog-index-and-posts-wrapper .post h2 a:hover {
    text-decoration: underline;
}
.blog-index-and-posts-wrapper .post p {
    color: #ccc;
}
.blog-index-and-posts-wrapper .back-link {
    display: inline-block;
    margin-top: 2rem;
    background-color: #00bcd4;
    color: #121212;
    padding: 0.6rem 1.2rem;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.3s;
}
.blog-index-and-posts-wrapper .back-link:hover {
    background-color: #00acc1;
}
@media (max-width: 600px) {
    .blog-index-and-posts-wrapper h1 {
        font-size: 2rem;
    }
    .blog-index-and-posts-wrapper .post h2 {
        font-size: 1.2rem;
    }
}
/* New styles for the form */
.blog-index-and-posts-wrapper .form-container {
    background-color: #1a1a1a;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    text-align: center;
    max-width: 600px;
    margin: 2rem auto;
    border: 1px solid #333;
}
.blog-index-and-posts-wrapper .form-container h2 {
    color: #00bcd4;
    margin-top: 0;
}
.blog-index-and-posts-wrapper .form-container p {
    color: #ccc;
    margin-bottom: 25px;
}
.blog-index-and-posts-wrapper .form-container form {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.blog-index-and-posts-wrapper .form-container input[type="email"] {
    padding: 12px;
    width: 70%;
    border: 1px solid #555;
    border-radius: 8px;
    background-color: #2c2c2c;
    color: #f5f5f5;
    font-size: 1rem;
}
.blog-index-and-posts-wrapper .form-container button {
    background-color: #00bcd4;
    color: #121212;
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    transition: background-color 0.3s;
}
.blog-index-and-posts-wrapper .form-container button:hover {
    background-color: #00acc1;
}
.blog-index-and-posts-wrapper .form-container p:last-of-type {
    color: #888;
    margin-top: 20px;
    font-size: 0.9rem;
}
.blog-index-and-posts-wrapper .form-container p a {
    color: #00bcd4;
    text-decoration: none;
}
.blog-index-and-posts-wrapper .form-container p a:hover {
    text-decoration: underline;
}

/* ======================================================= */
/* Styles for 'ten-unique-ai-fashion' */
/* ======================================================= */
.ten-unique-ai-fashion-wrapper {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #fdfdfd;
    margin: 0;
    padding: 0;
    color: #333;
}
.ten-unique-ai-fashion-wrapper .container {
    max-width: 900px;
    margin: auto;
    padding: 20px;
}
.ten-unique-ai-fashion-wrapper h1 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
    color: #222;
}
.ten-unique-ai-fashion-wrapper .image-box {
    margin-bottom: 40px;
    text-align: center;
}
.ten-unique-ai-fashion-wrapper .image-box img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
}
.ten-unique-ai-fashion-wrapper .image-box h2 {
    margin-top: 10px;
    font-size: 1.2rem;
    color: #444;
}
.ten-unique-ai-fashion-wrapper .email-form {
    background-color: #fff;
    padding: 25px;
    margin: 40px auto;
    border-radius: 10px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.1);
    max-width: 500px;
    text-align: center;
}
.ten-unique-ai-fashion-wrapper .email-form h3 {
    margin-bottom: 15px;
    color: #333;
}
.ten-unique-ai-fashion-wrapper .email-form input[type="email"] {
    padding: 12px;
    width: 80%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 1rem;
}
.ten-unique-ai-fashion-wrapper .email-form button {
    background-color: #ff4081;
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    transition: 0.3s ease;
}
.ten-unique-ai-fashion-wrapper .email-form button:hover {
    background-color: #e73370;
}

/* ======================================================= */
/* Styles for 'ai-prompt-mastery' */
/* ======================================================= */
.ai-prompt-mastery-wrapper {
    background-color: #111;
    color: #eee;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7;
    margin: 0;
    padding: 0 1rem;
}
.ai-prompt-mastery-wrapper header {
    padding: 2rem 0;
    text-align: center;
}
.ai-prompt-mastery-wrapper h1 {
    font-size: 2rem;
    color: #00ffe0;
	
}
.ai-prompt-mastery-wrapper h2 {
    font-size: 2rem;
	color: #00ffe0;
}
.ai-prompt-mastery-wrapper p {
    max-width: 800px;
    margin: 1rem auto;
	color: white;
}
.ai-prompt-mastery-wrapper .container {
    max-width: 900px;
    margin: auto;
    padding-bottom: 3rem;
}
.ai-prompt-mastery-wrapper a {
    color: #00bfff;
    text-decoration: none;
}
.ai-prompt-mastery-wrapper a:hover {
    text-decoration: underline;
}
.ai-prompt-mastery-wrapper footer {
    text-align: center;
    font-size: 0.9rem;
    color: #aaa;
    margin-top: 3rem;
}

/* ======================================================= */
/* Styles for 'digital-gold-rush' */
/* ======================================================= */
.digital-gold-rush-wrapper {
    --bg:#0b0f14;
    --panel:#121826;
    --soft:#182032;
    --text:#e8eef6;
    --muted:#a8b3c7;
    --accent:#7c5cff;
    --accent-2:#18c8ff;
    --border:#23304a;
}
.digital-gold-rush-wrapper *{box-sizing:border-box}
.digital-gold-rush-wrapper html,.digital-gold-rush-wrapper body{
    margin:0;
    padding:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    line-height:1.65
}
.digital-gold-rush-wrapper a{color:var(--accent);text-decoration:none}
.digital-gold-rush-wrapper a:hover{text-decoration:underline}
.digital-gold-rush-wrapper header{
    background:linear-gradient(135deg, rgba(124,92,255,.15), rgba(24,200,255,.08));
    border-bottom:1px solid var(--border);
}
.digital-gold-rush-wrapper .wrap{max-width:960px;margin:0 auto;padding:28px 20px}
.digital-gold-rush-wrapper .nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
.digital-gold-rush-wrapper .brand{font-weight:700;letter-spacing:.5px}
.digital-gold-rush-wrapper .nav a.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.digital-gold-rush-wrapper .hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:28px 0}
.digital-gold-rush-wrapper .hero h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:0 0 10px}
.digital-gold-rush-wrapper .hero p{color:var(--muted);margin:0 0 14px}
.digital-gold-rush-wrapper .hero .meta{display:flex;gap:14px;color:var(--muted);font-size:.95rem}
.digital-gold-rush-wrapper .hero .img{
    background:var(--soft);border:1px solid var(--border);border-radius:14px;overflow:hidden
}
.digital-gold-rush-wrapper .hero .img img{display:block;width:100%;height:auto}
.digital-gold-rush-wrapper main .article{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 20px}
.digital-gold-rush-wrapper h2{margin-top:28px;margin-bottom:8px;font-size:1.35rem}
.digital-gold-rush-wrapper h3{margin-top:22px;margin-bottom:6px;font-size:1.1rem}
.digital-gold-rush-wrapper p{margin:12px 0}
.digital-gold-rush-wrapper ul{padding-left:18px;margin:10px 0}
.digital-gold-rush-wrapper li{margin:6px 0}
.digital-gold-rush-wrapper .callout{
    background:linear-gradient(180deg, rgba(124,92,255,.08), rgba(124,92,255,.03));
    border:1px solid var(--border);border-radius:12px;padding:16px;margin:18px 0
}
.digital-gold-rush-wrapper .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.digital-gold-rush-wrapper .cta{
    display:flex;flex-wrap:wrap;gap:12px;margin-top:22px
}
.digital-gold-rush-wrapper .btn{
    display:inline-block;background:var(--accent);color:#fff;padding:12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);font-weight:600
}
.digital-gold-rush-wrapper .btn.alt{background:transparent;border:1px solid var(--border);color:var(--text)}
.digital-gold-rush-wrapper footer{border-top:1px solid var(--border);margin-top:28px}
.digital-gold-rush-wrapper .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted)}
@media (max-width:880px){
    .digital-gold-rush-wrapper .hero{grid-template-columns:1fr;gap:16px}
    .digital-gold-rush-wrapper .grid-2{grid-template-columns:1fr}
}


/* ======================================================= */
/* Styles for 'digital-gold-rush-part2' */
/* ======================================================= */
.digital-gold-rush-part2-wrapper {
    --bg:#0b0f14;
    --panel:#121826;
    --soft:#182032;
    --text:#e8eef6;
    --muted:#a8b3c7;
    --accent:#7c5cff;
    --accent-2:#18c8ff;
    --border:#23304a;
}
.digital-gold-rush-part2-wrapper *{box-sizing:border-box}
.digital-gold-rush-part2-wrapper html,.digital-gold-rush-part2-wrapper body{
    margin:0;
    padding:0;
    background:var(--bg);
    color:var(--text);
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    line-height:1.65
}
.digital-gold-rush-part2-wrapper a{color:var(--accent);text-decoration:none}
.digital-gold-rush-part2-wrapper a:hover{text-decoration:underline}
.digital-gold-rush-part2-wrapper header{
    background:linear-gradient(135deg, rgba(124,92,255,.15), rgba(24,200,255,.08));
    border-bottom:1px solid var(--border);
}
.digital-gold-rush-part2-wrapper .wrap{max-width:960px;margin:0 auto;padding:28px 20px}
.digital-gold-rush-part2-wrapper .nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
.digital-gold-rush-part2-wrapper .brand{font-weight:700;letter-spacing:.5px}
.digital-gold-rush-part2-wrapper .nav a.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08)}
.digital-gold-rush-part2-wrapper .nav a.btn.alt{background:transparent;border:1px solid var(--border);color:var(--text)}
.digital-gold-rush-part2-wrapper .hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:28px 0}
.digital-gold-rush-part2-wrapper .hero h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:0 0 10px}
.digital-gold-rush-part2-wrapper .hero p{color:var(--muted);margin:0 0 14px}
.digital-gold-rush-part2-wrapper .hero .meta{display:flex;gap:14px;color:var(--muted);font-size:.95rem;flex-wrap:wrap}
.digital-gold-rush-part2-wrapper .hero .img{
    background:var(--soft);border:1px solid var(--border);border-radius:14px;overflow:hidden
}
.digital-gold-rush-part2-wrapper .hero .img img{display:block;width:100%;height:auto}
.digital-gold-rush-part2-wrapper main .article{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 20px}
.digital-gold-rush-part2-wrapper h2{margin-top:28px;margin-bottom:8px;font-size:1.35rem}
.digital-gold-rush-part2-wrapper h3{margin-top:22px;margin-bottom:6px;font-size:1.1rem}
.digital-gold-rush-part2-wrapper p{margin:12px 0}
.digital-gold-rush-part2-wrapper ul{padding-left:18px;margin:10px 0}
.digital-gold-rush-part2-wrapper li{margin:6px 0}
.digital-gold-rush-part2-wrapper .callout{
    background:linear-gradient(180deg, rgba(124,92,255,.08), rgba(124,92,255,.03));
    border:1px solid var(--border);border-radius:12px;padding:16px;margin:18px 0
}
.digital-gold-rush-part2-wrapper .split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.digital-gold-rush-part2-wrapper .pill{
    display:inline-block;background:rgba(124,92,255,.12);border:1px solid var(--border);
    color:var(--text);padding:6px 10px;border-radius:999px;font-size:.9rem;margin-right:8px
}
.digital-gold-rush-part2-wrapper .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.digital-gold-rush-part2-wrapper .btn{
    display:inline-block;background:var(--accent);color:#fff;padding:12px 16px;border-radius:12px;
    border:1px solid rgba(255,255,255,.08);font-weight:600
}
.digital-gold-rush-part2-wrapper .btn.alt{background:transparent;border:1px solid var(--border);color:var(--text)}
.digital-gold-rush-part2-wrapper .series-nav{
    display:flex;gap:10px;flex-wrap:wrap;margin-top:16px
}
.digital-gold-rush-part2-wrapper .series-nav a{background:rgba(24,200,255,.12);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:10px}
.digital-gold-rush-part2-wrapper footer{border-top:1px solid var(--border);margin-top:28px}
.digital-gold-rush-part2-wrapper .footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted)}
@media (max-width:880px){
    .digital-gold-rush-part2-wrapper .hero{grid-template-columns:1fr;gap:16px}
    .digital-gold-rush-part2-wrapper .split{grid-template-columns:1fr}
}

/* ======================================================= */
/* Styles for 'ai-image-prompt-side-hustle' */
/* ======================================================= */
.ai-image-prompt-side-hustle-wrapper {
    background-color: #121212;
    color: #e0e0e0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    padding: 2rem;
    max-width: 900px;
    margin: auto;
}
.ai-image-prompt-side-hustle-wrapper h1, .ai-image-prompt-side-hustle-wrapper h2, .ai-image-prompt-side-hustle-wrapper h3 {
    color: #ffffff;
}
.ai-image-prompt-side-hustle-wrapper a {
    color: #90caf9;
    text-decoration: none;
}
.ai-image-prompt-side-hustle-wrapper a:hover {
    text-decoration: underline;
}
.ai-image-prompt-side-hustle-wrapper .cta-button {
    background-color: #1e88e5;
    color: #fff;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 2rem;
}
.ai-image-prompt-side-hustle-wrapper .cta-button:hover {
    background-color: #1565c0;
}
.ai-image-prompt-side-hustle-wrapper img.sample {
    width: 100%;
    border-radius: 10px;
    margin: 1.5rem 0;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}

/* ======================================================= */
/* Styles for 'sell-prompts-guide' */
/* ======================================================= */
.sell-prompts-guide-wrapper {
    background-color: #121212;
    color: #f0f0f0;
    font-family: 'Segoe UI', sans-serif;
    line-height: 1.8;
    padding: 40px;
    max-width: 800px;
    margin: auto;
}
.sell-prompts-guide-wrapper a { color: #00c3ff; text-decoration: none; }
.sell-prompts-guide-wrapper a:hover { text-decoration: underline; }
.sell-prompts-guide-wrapper h1, .sell-prompts-guide-wrapper h2 { color: #fff; }
.sell-prompts-guide-wrapper ul { padding-left: 20px; }
.sell-prompts-guide-wrapper .back-link {
    display: block;
    margin-top: 40px;
    font-size: 0.9em;
}

/* ======================================================= */
/* Styles for 'the-hidden-gems-guide' */
/* ======================================================= */
.the-hidden-gems-guide-wrapper {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #121212;
    color: #e0e0e0;
    line-height: 1.6;
    padding: 20px;
}
.the-hidden-gems-guide h1, .sell-prompt-guide-wrapper h2, .sell-prompt-guide-wrapper h3 {
    color: #ffffff;
}
.the-hidden-gems-guide-wrapper a {
    color: #00bcd4;
    text-decoration: none;
}
.the-hidden-gems-guide-wrapper .container {
    max-width: 900px;
    margin: auto;
}
.the-hidden-gems-guide-wrapper .image-placeholder {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 400px;
    background-color: #2c2c2c;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    border: 1px dashed #555;
    font-size: 1rem;
    overflow: hidden;
}
.the-hidden-gems-guide-wrapper ul {
    padding-left: 20px;
}
.the-hidden-gems-guide-wrapper .keyword-block {
    margin-bottom: 40px;
}
.the-hidden-gems-guide-wrapper .cta {
    margin-top: 40px;
    background-color: #1f1f1f;
    padding: 20px;
    border-left: 5px solid #00bcd4;
}

/* ======================================================= */
/* Styles for 'magic-of-great-prompt' */
/* ======================================================= */
.magic-of-great-prompt-wrapper {
    background-color: #111;
    color: #f1f1f1;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7;
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}
.magic-of-great-prompt-wrapper h1, .magic-of-great-prompt-wrapper h2, .magic-of-great-prompt-wrapper h3 {
    color: #ffffff;
}
.magic-of-great-prompt-wrapper h1 {
    font-size: 2.2rem;
    margin-bottom: 1rem;
}
.magic-of-great-prompt-wrapper h2 {
    font-size: 1.5rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.magic-of-great-prompt-wrapper h3 {
    font-size: 1.2rem;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}
.magic-of-great-prompt-wrapper p {
    margin-bottom: 1.2rem;
}
.magic-of-great-prompt-wrapper .image-container {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.5rem 0;
}
.magic-of-great-prompt-wrapper .image-container img {
    width: 48%;
    height: auto;
    border: 2px solid #333;
    border-radius: 6px;
}
.magic-of-great-prompt-wrapper .prompt-box {
    background-color: #1a1a1a;
    padding: 1rem;
    border-left: 4px solid #4a90e2;
    margin: 1rem 0;
    font-family: monospace;
    font-size: 0.95rem;
    color: #ddd;
}
.magic-of-great-prompt-wrapper .call-to-action {
    background-color: #222;
    border-left: 4px solid #4caf50;
    padding: 1rem;
    margin-top: 2rem;
    font-weight: bold;
}
.magic-of-great-prompt-wrapper a {
    color: #4a90e2;
    text-decoration: none;
}
.magic-of-great-prompt-wrapper a:hover {
    text-decoration: underline;
}

/* ======================================================= */
/* Styles for 'top-ten-prompts' */
/* ======================================================= */
.top-ten-prompts-wrapper {
    background-color: #121212;
    color: #f0f0f0;
    font-family: 'Segoe UI', sans-serif;
    line-height: 1.8;
    padding: 40px;
    max-width: 800px;
    margin: auto;
}
.top-ten-prompts-wrapper a { color: #00c3ff; text-decoration: none; }
.top-ten-prompts-wrapper a:hover { text-decoration: underline; }
.top-ten-prompts-wrapper h1, .top-ten-prompts-wrapper h2 { color: #fff; }
.top-ten-prompts-wrapper ul { padding-left: 20px; }
.top-ten-prompts-wrapper .back-link {
    display: block;
    margin-top: 40px;
    font-size: 0.9em;
}
  .call-to-action {
      background-color: #222;
      border-left: 4px solid #4caf50;
      padding: 1rem;
      margin-top: 2rem;
      font-weight: bold;
	  text-align:justify;
    }
	.promptpack-collapse .content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #fff;
  border-left: 3px solid #ff7043;
  margin-bottom: 10px;
  border-radius: 0 0 8px 8px;
}

/* ======================================================= */
/* Styles for 'the-hidden-gems-guide' */
/* ======================================================= */
.the-hidden-gems-guide-wrapper {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #121212;
    color: #e0e0e0;
    line-height: 1.6;
    padding: 20px;
}
.the-hidden-gems-guide-wrapper h1, .the-hidden-gems-guide-wrapper h2, .the-hidden-gems-guide-wrapper h3 {
    color: #ffffff;
}
.the-hidden-gems-guide-wrapper a {
    color: #00bcd4;
    text-decoration: none;
}
.the-hidden-gems-guide-wrapper .container {
    max-width: 900px;
    margin: auto;
	text-align:justify;
}
.the-hidden-gems-guide-wrapper .image-placeholder {
    width: 750px;
    max-width: 100%;
    height: auto;
    max-height: 700px;
    background-color: #2c2c2c;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    border: 1px dashed #555;
    font-size: 1rem;
	border-radius: 2%;
}
.the-hidden-gems-guide-wrapper ul {
    padding-left: 20px;
}
.the-hidden-gems-guide-wrapper .keyword-block {
    margin-bottom: 40px;
}
.the-hidden-gems-guide-wrapper .cta {
    margin-top: 40px;
    background-color: #1f1f1f;
    padding: 20px;
    border-left: 5px solid #00bcd4;
}

/* ======================================================= */
/* Styles for 'the-ai-boom-dot-com-bubble' */
/* ======================================================= */
.the-ai-boom-dot-com-bubble-wrapper {
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: 1.7;
    margin: 0;
    padding: 0;
    background: #fafafa;
    color: #222;
}
.the-ai-boom-dot-com-bubble-wrapper header {
    background: linear-gradient(135deg, #1a1a1a, #333);
    color: #fff;
    padding: 60px 20px;
    text-align: center;
}
.the-ai-boom-dot-com-bubble-wrapper header h1 {
    margin: 0;
    font-size: 2.8em;
    line-height: 1.2;
}
.the-ai-boom-dot-com-bubble-wrapper header p {
    margin-top: 10px;
    font-size: 1.1em;
    color: #ddd;
}
.the-ai-boom-dot-com-bubble-wrapper main {
    max-width: 900px;
    margin: 40px auto;
    padding: 0 20px;
}
.the-ai-boom-dot-com-bubble-wrapper h2 {
    margin-top: 50px;
    font-size: 1.9em;
    color: #111;
    border-left: 5px solid #444;
    padding-left: 10px;
}
.the-ai-boom-dot-com-bubble-wrapper h3 {
    margin-top: 30px;
    font-size: 1.4em;
    color: #333;
}
.the-ai-boom-dot-com-bubble-wrapper p {
    margin: 20px 0;
    font-size: 1.1em;
}
.the-ai-boom-dot-com-bubble-wrapper ul {
    margin: 20px 0;
    padding-left: 20px;
}
.the-ai-boom-dot-com-bubble-wrapper li {
    margin-bottom: 12px;
}
.the-ai-boom-dot-com-bubble-wrapper blockquote {
    margin: 30px 0;
    padding: 20px;
    background: #f4f4f4;
    border-left: 5px solid #333;
    font-style: italic;
    color: #444;
}
.the-ai-boom-dot-com-bubble-wrapper footer {
    margin-top: 60px;
    background: #111;
    color: #eee;
    text-align: center;
    padding: 30px 20px;
    font-size: 0.95em;
}

/* ======================================================= */
/* Styles for 'cluster-post-sa-5-red-flags' */
/* ======================================================= */
.cluster-post-sa-5-red-flags-wrapper {
    background: var(--bg);
    color: var(--text);
    font-family: 'Inter', system-ui, Segoe UI, Roboto, Arial, sans-serif;
    line-height: 1.65;
}
.cluster-post-sa-5-red-flags-wrapper :root {
    --bg: #0b0f14;
    --panel: #121826;
    --soft: #182032;
    --text: #e8eef6;
    --muted: #a8b3c7;
    --accent: #7c5cff;
    --border: #23304a;
}
.cluster-post-sa-5-red-flags-wrapper * {
    box-sizing: border-box;
}
.cluster-post-sa-5-red-flags-wrapper html, body {
    margin: 0;
    padding: 0;
}
.cluster-post-sa-5-red-flags-wrapper a {
    color: var(--accent);
}
.cluster-post-sa-5-red-flags-wrapper .wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 28px 20px;
}
.cluster-post-sa-5-red-flags-wrapper header {
    border-bottom: 1px solid var(--border);
    background: linear-gradient(135deg, rgba(124, 92, 255, .14), rgba(24, 200, 255, .06));
}
.cluster-post-sa-5-red-flags-wrapper .topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cluster-post-sa-5-red-flags-wrapper .brand a {
    font-weight: 700;
    color: var(--text);
}
.cluster-post-sa-5-red-flags-wrapper .crumbs a {
    color: var(--muted);
}
.cluster-post-sa-5-red-flags-wrapper .hero {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 20px;
    align-items: center;
    margin-top: 14px;
}
.cluster-post-sa-5-red-flags-wrapper .hero h1 {
    margin: 0 0 8px;
    font-size: clamp(26px, 4vw, 36px);
}
.cluster-post-sa-5-red-flags-wrapper .hero p {
    margin: 0;
    color: var(--muted);
}
.cluster-post-sa-5-red-flags-wrapper .hero .img {
    background: var(--soft);
    border: 1px solid var(--border);
    border-radius: 14px;
    overflow: hidden;
}
.cluster-post-sa-5-red-flags-wrapper .hero .img img {
    width: 100%;
    display: block;
}
.cluster-post-sa-5-red-flags-wrapper main .article {
    background: var(--panel);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 24px 20px;
    margin-top: 22px;
}
.cluster-post-sa-5-red-flags-wrapper h2 {
    margin: 22px 0 8px;
    font-size: 1.3rem;
}
.cluster-post-sa-5-red-flags-wrapper ul {
    margin: 10px 0 4px 18px;
}
.cluster-post-sa-5-red-flags-wrapper li {
    margin: 6px 0;
}
.cluster-post-sa-5-red-flags-wrapper .callout {
    background: linear-gradient(180deg, rgba(124, 92, 255, .08), rgba(124, 92, 255, .03));
    border: 1px solid var(--border);
    border-radius: 12px;
    padding: 14px;
    margin: 18px 0;
}
.cluster-post-sa-5-red-flags-wrapper .btn {
    display: inline-block;
    background: var(--accent);
    color: #fff;
    padding: 10px 14px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, .08);
    font-weight: 600;
}
.cluster-post-sa-5-red-flags-wrapper .cta {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 18px;
}
@media (max-width: 880px) {
    .cluster-post-sa-5-red-flags-wrapper .hero {
        grid-template-columns: 1fr;
    }
}
/* ======================================================= */
/* Styles for 'share buttons' */
/* ======================================================= */
/* share-buttons.css */

/* Wrapper */
.share-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 20px 0;
}

/* Button links */
.share-buttons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  transition: 0.3s ease;
}

/* Facebook */
.share-buttons a.facebook {
  background: #1877f2;
}

/* Instagram */
.share-buttons a.instagram {
  background: #e4405f;
  border: 1px solid #333; /* Adds a dark border for visibility */
}


/* LinkedIn */
.share-buttons a.linkedin {
  background: #0077b5;
}

/* Twitter */
.share-buttons a.twitter {
  background: #1da1f2;
}

/* Reddit */
.share-buttons a.reddit {
  background: #ff4500;
}

/* Hover effect */
.share-buttons a:hover {
  opacity: 0.8;
  transform: scale(1.1);
}
    blockquote {
      margin: 30px 0;
      padding: 20px;
      background: #f4f4f4;
      border-left: 5px solid #333;
      font-style: italic;
      color: #444;
    }
    footer {
      margin-top: 60px;
      background: #111;
      color: #eee;
      text-align: center;
      padding: 30px 20px;
      font-size: 0.95em;
    }
/*collapsible menu css*/	
	.promptpack-collapse {
  font-family: "Segoe UI", sans-serif;
  margin: 20px 0;
}

.promptpack-collapse h2 {
  font-size: 1.6rem;
  margin-bottom: 10px;
  color: #333;
}

.promptpack-collapse .collapsible {
  background-color: #f5f5f5;
  color: #333;
  cursor: pointer;
  padding: 14px 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 5px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.promptpack-collapse .collapsible:hover {
  background-color: #e0e0e0;
}

.promptpack-collapse .collapsible::after {
  content: '+';
  float: right;
  font-weight: bold;
}

.promptpack-collapse .collapsible.active::after {
  content: '-';
}

.promptpack-collapse .content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #fff;
  border-left: 3px solid #ff7043;
  margin-bottom: 10px;
  border-radius: 0 0 8px 8px;
}

.promptpack-collapse .bq {
  margin: 10px 0;
  padding: 10px 14px;
  background: #fafafa;
  border-left: 4px solid #ff7043;
  border-radius: 6px;
  font-size: 0.95rem;
  color: grey;
}
/* Mini Pack */
.mini-pack {
  margin-top: 30px;
}

.mini-pack-btn {
  background-color: #ff9800;
  color: white;
  padding: 12px 20px;
  border: none;
  width: 100%;
  text-align: left;
  font-size: 16px;
  cursor: pointer;
  border-radius: 8px;
  transition: 0.3s;
}

.mini-pack-btn:hover {
  background-color: #e68900;
}

.mini-pack-content {
  display: none;
  padding: 15px;
  margin-top: 10px;
  background-color: #1c1c1c;
  color: white;
  border-left: 4px solid #ff9800;
  border-radius: 6px;
}
/* ===== PROMO COUPON STYLES ===== */
.promo-coupon-banner {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: linear-gradient(135deg, #ff6a00, #ee0979);
  color: #fff;
  padding: 18px 24px;
  border-radius: 18px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  z-index: 9999;
  font-family: "Poppins", sans-serif;
  animation: promoPopUp 1s ease forwards, promoPulse 2.5s infinite;
}

@keyframes promoPopUp {
  from { transform: translateY(60px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes promoPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.06); }
  100% { transform: scale(1); }
}

.promo-title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.promo-code {
  font-size: 1.6rem;
  font-weight: bold;
  background: #fff;
  color: #ee0979;
  padding: 8px 14px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  transition: all 0.3s ease;
}

.promo-code:hover {
  background: #ffe5f1;
  transform: scale(1.08);
}

.promo-footer {
  margin-top: 6px;
  font-size: 0.9rem;
  opacity: 0.9;
}

.promo-close-btn {
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 20px;
  cursor: pointer;
  color: #fff;
}
/*----------------------------------------------*/
/*how-to-create-a-cinematic-shot-with-midjourney*/
/*----------------------------------------------*/
body.fsts-mgp-wrapper {
      background-color: #111;
      color: #f1f1f1;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.7;
      max-width: 900px;
      margin: 0 auto;
      padding: 2rem;
    }

    .fsts-mgp-wrapper h1, 
    .fsts-mgp-wrapper h2, 
    .fsts-mgp-wrapper h3 {
      color: #ffffff;
    }

    .fsts-mgp-wrapper h1 {
      font-size: 2.2rem;
      margin-bottom: 1rem;
    }

    .fsts-mgp-wrapper h2 {
      font-size: 1.5rem;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }

    .fsts-mgp-wrapper h3 {
      font-size: 1.2rem;
      margin-top: 1.5rem;
      margin-bottom: 0.5rem;
    }

    .fsts-mgp-wrapper p {
      margin-bottom: 1.2rem;
    }

    .fsts-mgp-image-container {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      margin: 1.5rem 0;
    }

    .fsts-mgp-image-container img {
      width: 48%;
      height: auto;
      border: 2px solid #333;
      border-radius: 6px;
    }

    .fsts-mgp-prompt-box {
      background-color: #1a1a1a;
      padding: 1rem;
      border-left: 4px solid #4a90e2;
      margin: 1rem 0;
      font-family: monospace;
      font-size: 0.95rem;
      color: #ddd;
    }

    .fsts-mgp-cta {
      background-color: #222;
      border-left: 4px solid #4caf50;
      padding: 1rem;
      margin-top: 2rem;
      font-weight: bold;
    }

    .fsts-mgp-wrapper a {
      color: #4a90e2;
      text-decoration: none;
    }

    .fsts-mgp-wrapper a:hover {
      text-decoration: underline;
    }

    /* ordered list reset */
    .fsts-mgp-wrapper ol {
      margin-left: 0;
      padding-left: 1.2rem;
    }

    /* collapsible menu */
    .fsts-mgp-collapse {
      font-family: "Segoe UI", sans-serif;
      margin: 20px 0;
    }

    .fsts-mgp-collapse h2 {
      font-size: 1.6rem;
      margin-bottom: 10px;
      color: #333;
    }

    .fsts-mgp-collapse .fsts-mgp-collapsible {
      background-color: #f5f5f5;
      color: #333;
      cursor: pointer;
      padding: 14px 20px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 5px;
      border-radius: 8px;
      transition: background-color 0.3s ease;
    }

    .fsts-mgp-collapse .fsts-mgp-collapsible:hover {
      background-color: #e0e0e0;
    }

    .fsts-mgp-collapse .fsts-mgp-collapsible::after {
      content: '+';
      float: right;
      font-weight: bold;
    }

    .fsts-mgp-collapse .fsts-mgp-collapsible.active::after {
      content: '-';
    }

    .fsts-mgp-collapse .fsts-mgp-content {
      padding: 0 18px;
      display: none;
      overflow: hidden;
      background-color: #fff;
      border-left: 3px solid #ff7043;
      margin-bottom: 10px;
      border-radius: 0 0 8px 8px;
    }

    .fsts-mgp-collapse .fsts-mgp-bq {
      margin: 10px 0;
      padding: 10px 14px;
      background: #fafafa;
      border-left: 4px solid #ff7043;
      border-radius: 6px;
      font-size: 0.95rem;
      color: grey;
    }
		.fsts-mgp-image-box {
	text-align: center;
	margin: 1.5rem 0;
}

	.fsts-mgp-image-box img {
	max-width: 100%;
	height: auto;
	border: 2px solid #333;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}


