:root {
  --blush: #f9b69d;
  --clay: #bf8b77;
  --ink: #111111;
  --coal: #333333;
  --mist: #999999;
}

body {
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(249,182,157,.18), transparent 50%),
    radial-gradient(900px 500px at 100% 0%, rgba(191,139,119,.12), transparent 45%),
    #111;
}

.orb {
  position: fixed;
  border-radius: 999px;
  filter: blur(80px);
  pointer-events: none;
  z-index: 0;
}
.orb-a { width: 380px; height: 380px; background: rgba(249,182,157,.22); top: 80px; left: -80px; }
.orb-b { width: 420px; height: 420px; background: rgba(191,139,119,.16); bottom: -80px; right: -60px; }

.glass {
  background: rgba(17,17,17,.62);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 60px rgba(0,0,0,.35);
  backdrop-filter: blur(18px);
}

.logo { display: flex; align-items: center; gap: .7rem; text-decoration: none; }
.logo-mark {
  width: 36px; height: 36px; border-radius: 12px;
  display: grid; place-items: center;
  font-family: "Instrument Serif", serif;
  font-size: 1.35rem;
  color: #111;
  background: linear-gradient(145deg, #fff 0%, var(--blush) 55%, var(--clay) 100%);
  box-shadow: 0 8px 20px rgba(249,182,157,.28);
}
.logo-word {
  font-family: "Instrument Serif", serif;
  font-size: 1.45rem;
  letter-spacing: .01em;
  color: #fff;
}
.logo-word span { color: var(--blush); font-style: italic; }

.nav-link { color: #d6d6d6; padding: .4rem .7rem; }
.nav-link:hover { color: #fff; }

.btn-primary {
  background: linear-gradient(135deg, var(--blush), var(--clay));
  color: #111;
  font-weight: 600;
  border-radius: 999px;
  padding: .55rem 1.1rem;
}
.btn-ghost {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: .5rem 1rem;
  color: #fff;
}
.card {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.4rem;
  backdrop-filter: blur(16px);
}
.input {
  width: 100%;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .9rem;
  padding: .75rem 1rem;
  color: #fff;
  outline: none;
}
.input:focus { border-color: var(--blush); }

.gift-img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
  border-radius: 1rem;
  background:
    linear-gradient(160deg, rgba(249,182,157,.35), rgba(17,17,17,.8)),
    #2a2a2a;
}