:root{
    --brand-purple:#5b3df0;
    --brand-purple-dark:#3d2596;
    --ink:#1f2246;
    --muted:#6b7280;
    --success-bg:#e9f9ef;
    --success-text:#1f9d4d;
    --page-bg:#f4f5fa;
  }
  body{
    font-family:'Inter',sans-serif;
    background:var(--page-bg);
    color:var(--ink);
  }
  .breadcrumb-item a{color:var(--muted);text-decoration:none;}
  .breadcrumb-item.active{color:var(--muted);}
  .page-title{font-weight:800;color:var(--ink);}

  .main-card{
    background:#fff;
    border-radius:16px;
    border:1px solid #edeef5;
    box-shadow:0 2px 10px rgba(31,34,70,.04);
  }

  /* Confetti / success circle */
  .success-hero{position:relative;text-align:center;padding:2.5rem 1rem 1.5rem;overflow:hidden;}
  .success-circle-outer{
    width:110px;height:110px;border-radius:50%;
    background:#d9f5e4;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 1.25rem;
    position:relative;z-index:2;
  }
  .success-circle-inner{
    width:80px;height:80px;border-radius:50%;
    background:var(--success-text);
    display:flex;align-items:center;justify-content:center;
    color:#fff;font-size:2rem;
  }
  .confetti{position:absolute;border-radius:2px;opacity:.9;}
  .success-hero h2{font-weight:800;color:var(--ink);margin-bottom:.5rem;}
  .success-hero p{color:var(--muted);margin-bottom:0;}

  .redemption-id-box{
    background:var(--success-bg);
    border-radius:12px;
    padding:1rem 1.5rem;
    text-align:center;
    max-width:420px;
    margin:1.5rem auto 0;
  }
  .redemption-id-box .label{color:var(--muted);font-size:.85rem;}
  .redemption-id-box .value{color:var(--success-text);font-weight:800;font-size:1.15rem;letter-spacing:.5px;}

  /* Reward summary card */
  .reward-thumb{
    width:110px;height:90px;object-fit:cover;border-radius:10px;flex-shrink:0;
  }
  .reward-block .reward-title{font-weight:700;color:var(--ink);}
  .reward-block .reward-sub{color:var(--muted);font-size:.85rem;}
  .coin-badge{
    display:inline-flex;align-items:center;gap:.35rem;
    background:#f1edfe;color:var(--brand-purple);
    font-weight:700;font-size:.85rem;
    padding:.25rem .6rem;border-radius:20px;
  }
  .stock-badge{
    background:var(--success-bg);color:var(--success-text);
    font-weight:600;font-size:.8rem;padding:.25rem .6rem;border-radius:20px;
  }
  .meta-inline{color:var(--muted);font-size:.8rem;}
  .side-meta-icon{
    width:34px;height:34px;border-radius:8px;
    background:#f1edfe;color:var(--brand-purple);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .side-meta .label{color:var(--muted);font-size:.75rem;}
  .side-meta .value{font-weight:700;font-size:.85rem;color:var(--ink);}

  /* Summary + Whats next */
  .section-title{font-weight:700;color:var(--ink);margin-bottom:1rem;}
  .summary-row{
    display:flex;justify-content:space-between;padding:.55rem 0;
    border-bottom:1px dashed #eceefc;font-size:.9rem;
  }
  .summary-row:last-of-type{border-bottom:none;}
  .summary-row .k{color:var(--muted);}
  .summary-row .v{font-weight:600;color:var(--ink);text-align:right;}
  .balance-strip{
    background:var(--success-bg);border-radius:10px;
    padding:.7rem 1rem;display:flex;justify-content:space-between;
    align-items:center;margin-top:.75rem;font-size:.9rem;
  }
  .balance-strip .k{color:var(--success-text);font-weight:600;}
  .balance-strip .v{color:var(--success-text);font-weight:800;}

  .next-item{display:flex;gap:.85rem;margin-bottom:1.25rem;}
  .next-item:last-child{margin-bottom:0;}
  .next-icon{
    width:40px;height:40px;border-radius:50%;
    background:#f1edfe;color:var(--brand-purple);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem;
  }
  .next-item h6{font-weight:700;margin-bottom:.15rem;color:var(--ink);font-size:.92rem;}
  .next-item p{color:var(--muted);font-size:.83rem;margin-bottom:0;}

  /* Feedback strip */
  .feedback-strip{
    background:#eef0fb;border-radius:14px;
    padding:1.5rem 1rem;text-align:center;
  }
  .feedback-strip h6{font-weight:700;color:var(--ink);margin-bottom:.25rem;}
  .feedback-strip p{color:var(--muted);font-size:.85rem;margin-bottom:.9rem;}
  .star-rating{font-size:1.6rem;display:flex;gap:.4rem;justify-content:center;flex-direction:row-reverse;}
  .star-rating i{color:#c6c9e0;cursor:pointer;transition:color .15s;}
  .star-rating i.active{color:#f5a623;}
  .star-rating label:hover i,
  .star-rating label:hover ~ label i{color:#f5a623;}
  .star-rating input{display:none;}

  .btn-brand{
    background:var(--brand-purple);border-color:var(--brand-purple);color:#fff;font-weight:600;
  }
  .btn-brand:hover{background:var(--brand-purple-dark);border-color:var(--brand-purple-dark);color:#fff;}
  .btn-outline-brand{
    border:1px solid var(--brand-purple);color:var(--brand-purple);font-weight:600;background:#fff;
  }
  .btn-outline-brand:hover{background:#f1edfe;color:var(--brand-purple);}

  @media (max-width:767.98px){
    .reward-flex{flex-direction:column;}
    .reward-side-meta{
      display:flex;gap:1rem;margin-top:1rem;
    }
    .success-hero h2{font-size:1.3rem;}
  }