* { box-sizing: border-box; margin: 0; }
body {
  font-family: 'Prompt', system-ui, sans-serif;
  min-height: 100vh; display: grid; place-items: center; padding: 24px 16px;
  background: radial-gradient(circle at 30% 20%, #fff4d6, #ffd9a8 45%, #f4a259 100%);
  color: #3a2410; text-align: center; overflow-x: hidden;
}
.card {
  background: rgba(255,255,255,.75); backdrop-filter: blur(8px);
  border-radius: 28px; padding: 40px 28px; max-width: 560px; width: 100%;
  box-shadow: 0 20px 60px rgba(120,60,10,.25);
}
h1 { font-size: clamp(28px, 6vw, 44px); margin-bottom: 8px; }
p  { font-size: 18px; opacity: .85; }
.basket { position: relative; margin: 24px auto; width: 240px; height: 220px; }
.basket .b { font-size: 150px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.basket .h { font-size: 72px; position: absolute; top: 0; left: 30px; animation: float 3s ease-in-out infinite; }
.basket .t { position: absolute; top: 10px; right: 0; background: #e85d75; color: #fff;
  padding: 8px 14px; border-radius: 999px; font-weight: 700; transform: rotate(8deg);
  animation: float 3s ease-in-out infinite .6s; }
@keyframes float { 50% { translate: 0 -10px; } }
.price { font-size: clamp(32px, 8vw, 52px); font-weight: 800; color: #b5461a; margin: 16px 0; }
.btn {
  display: inline-block; border: 0; cursor: pointer; text-decoration: none;
  background: linear-gradient(135deg, #635bff, #8f5bff); color: #fff;
  font: 700 20px 'Prompt', sans-serif; padding: 16px 40px; border-radius: 999px;
  box-shadow: 0 10px 30px rgba(99,91,255,.45); transition: transform .15s;
}
.btn:hover { transform: translateY(-2px) scale(1.03); }
.small { font-size: 14px; opacity: .6; margin-top: 16px; }
.email { display: inline-block; margin-top: 20px; padding: 12px 22px; border-radius: 14px;
  background: #3a2410; color: #ffd9a8; font-size: clamp(16px, 4.5vw, 22px); font-weight: 600;
  text-decoration: none; word-break: break-all; }
.pop { animation: pop .9s cubic-bezier(.2,1.6,.4,1) both; }
@keyframes pop { from { transform: scale(0) rotate(-20deg); opacity: 0; } }
.glow { animation: glow 1.6s ease-in-out infinite alternate; }
@keyframes glow { to { text-shadow: 0 0 24px #fff, 0 0 48px #ffb347; } }