:root{
  --brand:#e11d48;           /* pink e fortë për butona */
  --brand-dark:#9f1239;
  --bg:#0f172a;
  --bg-soft:#020617;
  --surface:#020617cc;
  --surface-soft:#02061799;
  --border:#1f2937;
  --ink:#f9fafb;
  --ink-muted:#9ca3af;
  --radius:18px;
  --shadow-lg:0 22px 60px rgba(15,23,42,.8);
}

body{
  font-family: "Inter",system-ui,-apple-system, BlinkMacSystemFont,"Segoe UI",sans-serif;
  background: radial-gradient(circle at top, #1d283a 0, #020617 40%, #000 100%);
  color: var(--ink);
}

.navbar-sim{
  background: linear-gradient(90deg,#020617aa,#020617,#020617aa);
  backdrop-filter: blur(22px);
  border-bottom: 1px solid rgba(148,163,184,.35);
}

.hero{
  padding: 5rem 0 3rem;
}

.hero-title{
  font-size: clamp(2.4rem, 3.1vw, 3.6rem);
  font-weight: 800;
  letter-spacing: -0.04em;
}

.hero-subtitle{
  max-width: 640px;
  color: var(--ink-muted);
}

.badge-soft{
  background: rgba(148,163,184,.14);
  border-radius: 999px;
  padding: .25rem .75rem;
  font-size: .8rem;
  color: var(--ink-muted);
}

.card-offer{
  background: radial-gradient(circle at top left,#1f2937 0,#020617 55%);
  border-radius: var(--radius);
  border: 1px solid rgba(148,163,184,.3);
  box-shadow: var(--shadow-lg);
  position: relative;
  overflow: hidden;
}

.card-offer .tag{
  position:absolute;
  top:14px;
  right:14px;
  padding:.3rem .8rem;
  border-radius:999px;
  font-size:.75rem;
  background:rgba(236,72,153,.12);
  color:#fb7185;
}

.card-offer .price{
  font-size:1.8rem;
  font-weight:700;
}

.card-offer .region-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.25rem .75rem;
  border-radius:999px;
  background:rgba(15,23,42,.8);
  border:1px solid rgba(148,163,184,.4);
  font-size:.8rem;
}

.card-offer .meta{
  font-size:.78rem;
  color:var(--ink-muted);
}

.btn-brand{
  background: var(--brand);
  border-color: var(--brand);
  color:#fff;
  border-radius:999px;
  padding:.55rem 1.4rem;
  font-weight:600;
}
.btn-brand:hover{
  background:var(--brand-dark);
  border-color:var(--brand-dark);
}

.footer-sim{
  padding:2.5rem 0 2rem;
  color:var(--ink-muted);
  font-size:.85rem;
  border-top:1px solid rgba(148,163,184,.25);
}

/* apply page */
.apply-wrapper{
  margin-top:3rem;
  margin-bottom:4rem;
}
.apply-card{
  background:var(--surface);
  border-radius:20px;
  border:1px solid rgba(148,163,184,.3);
  box-shadow:var(--shadow-lg);
  padding:2rem;
}

.summary-card{
  background:var(--surface-soft);
  border-radius:20px;
  border:1px solid rgba(148,163,184,.35);
  padding:1.8rem;
}

.form-control,
.form-select{
  background:#020617;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.5);
  color:var(--ink);
}
.form-control:focus,
.form-select:focus{
  border-color:#f97316;
  box-shadow:0 0 0 1px #f97316;
}

/* responsive tweaks */
@media (max-width: 767.98px){
  .hero{
    padding-top:3rem;
  }
  .apply-card, .summary-card{
    margin-bottom:1.5rem;
  }
}

	  /* Make muted text readable on dark background */
.text-muted {
    color: rgba(255, 255, 255, 0.65) !important;
}

.summary-card .text-muted {
    color: rgba(255, 255, 255, 0.60) !important;
}

.apply-wrapper .small.text-muted {
    color: rgba(255,255,255,0.55) !important;
}
	  /* Seksioni "So funktioniert Sim.raise" */