/* =======================
   GUIDE PAGE
======================= */

.guide-header {
  margin-bottom: 40px;
}

.guide-title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 10px;
}

.guide-sub {
  font-size: 14px;
  color: #b5b5b5;
  line-height: 1.6;
}

.guide-step {
  margin-bottom: 46px;
  padding-bottom: 30px;
  border-bottom: 1px solid #222;
}

.step-number {
  font-size: 12px;
  font-weight: 800;
  color: #3b82f6;
  margin-bottom: 6px;
}

.step-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.step-desc {
  font-size: 14px;
  color: #d1d5db;
  margin-bottom: 10px;
  line-height: 1.6;
}

.step-list {
  list-style: none;
  padding: 0;
}

.step-list li {
  font-size: 14px;
  color: #cfcfcf;
  margin-bottom: 6px;
}

.guide-action-btn {
  display: inline-block;
  margin-top: 14px;
  padding: 12px 26px;
  border-radius: 999px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.guide-final-cta {
  margin-top: 60px;
  padding: 40px 20px;
  background: #0b1220;
  border-radius: 16px;
  text-align: center;
}

.guide-final-cta h3 {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 14px;
}


.final-cta-btn {
  display: inline-block;
  padding: 14px 32px;
  border-radius: 999px;

  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #ffffff !important;

  font-size: 15px;
  font-weight: 800;
  text-decoration: none;

  box-shadow: 0 10px 22px rgba(59,130,246,0.45);
  transition: all 0.2s ease;
}

.final-cta-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(59,130,246,0.6);
}


.guide-hero-box {
  max-width: 920px;
  margin: 40px auto 80px;
  padding: 56px 48px;

  background: linear-gradient(
    180deg,
    rgba(255,255,255,0.04),
    rgba(255,255,255,0.01)
  );

  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 20px;

  box-shadow:
    0 0 0 1px rgba(255,255,255,0.04),
    0 20px 60px rgba(0,0,0,0.6);

  text-align: center;
}

.guide-hero-title {
  font-size: 38px;
  line-height: 1.35;
  font-weight: 800;
  color: #ffffff;
  margin-bottom: 28px;
}

.guide-hero-highlight {
  font-size: 26px;
  font-weight: 800;
  color: #6cff3a;
  margin-bottom: 20px;
}

.guide-hero-desc {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,0.75);
}

/* 모바일 */
@media (max-width: 768px) {
  .guide-hero-box {
    padding: 36px 20px;
    margin: 20px auto 60px;
  }

  .guide-hero-title {
    font-size: 26px;
  }

  .guide-hero-highlight {
    font-size: 20px;
  }
}