@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--p:#0f9f84;--pd:#0a7e69;--ink:#17233d;--muted:#687287;--line:#e5eaf2;--bg:#f6f9fd;--white:#fff;--danger:#d84b4b;--warn:#a65a14;--shadow:0 16px 50px rgba(20,35,60,.09)}
*{box-sizing:border-box}a{text-decoration:none;color:inherit}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8}.wrap{width:min(1080px,calc(100% - 28px));margin:auto}.top{padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-weight:900;font-size:20px;color:var(--p)}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.hero{padding:44px 0}.hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:center}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.3;margin:0 0 12px}.hero p{color:var(--muted)}.gift-box{background:linear-gradient(145deg,#eefbf8,#fff)}.form{display:grid;gap:12px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:5px}.input{width:100%;height:50px;border:1px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;background:#fff}.btn{height:50px;border:0;border-radius:14px;background:var(--p);color:#fff;font:inherit;font-weight:900;cursor:pointer;padding:0 18px}.btn:hover{background:var(--pd)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.notice{padding:12px 14px;border-radius:14px;font-size:13px;margin:10px 0}.notice.error{background:#fff0f0;color:#a22}.notice.success{background:#eafaf5;color:#08705e}.notice.warn{background:#fff5e8;color:#8c4c10}.hidden{display:none!important}.otp-row{display:flex;gap:10px}.otp-row .input{font-size:22px;text-align:center;letter-spacing:8px}.result-code{padding:18px;border:2px dashed var(--p);border-radius:16px;text-align:center;background:#fff;font-size:24px;font-weight:900;direction:ltr}.steps{display:grid;gap:12px}.step{padding:16px;border-radius:16px;background:#fff;border:1px solid var(--line)}.step b{color:var(--p)}.footer{text-align:center;color:var(--muted);font-size:12px;padding:40px 0}.spinner{display:inline-block;width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:s .7s linear infinite}@keyframes s{to{transform:rotate(360deg)}}
@media(max-width:780px){.hero-grid{grid-template-columns:1fr}.hero{padding-top:20px}.top{flex-direction:column;align-items:flex-start}.card{padding:20px}.otp-row{flex-direction:column}}

/* Public gift result improvements */
.masked-mobile{
  display:inline-block;
  direction:ltr;
  unicode-bidi:isolate;
  font-variant-numeric:tabular-nums;
  letter-spacing:.4px;
}
.result-box{text-align:center}
.result-success-icon{
  width:58px;height:58px;margin:0 auto 12px;
  display:grid;place-items:center;border-radius:20px;
  background:linear-gradient(145deg,#10aa8d,#08745f);
  color:#fff;font-size:28px;font-weight:900;
  box-shadow:0 12px 28px rgba(15,159,132,.22);
}
.result-box h3{margin:0;font-size:23px;line-height:1.5}
.result-help{margin:5px 0 18px!important;font-size:13px;color:var(--muted)!important}
.result-code-card{
  padding:14px;
  border:1px solid #d9eee9;
  border-radius:20px;
  background:linear-gradient(145deg,#f8fffd,#fff);
  box-shadow:0 10px 25px rgba(15,159,132,.07);
  text-align:right;
}
.result-code-label{
  display:block;margin:0 3px 8px;
  font-size:11px;font-weight:800;color:#6d7d91;
}
.result-code-row{
  display:flex;align-items:center;gap:10px;
  direction:ltr;
}
.result-code{
  flex:1;min-width:0;
  min-height:58px;padding:10px 16px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid #cfe8e2;border-radius:15px;
  background:#fff;color:#10233f;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:23px;font-weight:900;letter-spacing:1.2px;
  direction:ltr;unicode-bidi:isolate;
  word-break:break-all;
}
.copy-btn{
  min-height:58px;min-width:132px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid #b9e3d9;border-radius:15px;
  padding:0 17px;
  background:#e9faf6;color:#08705e;
  font:inherit;font-size:13px;font-weight:900;
  cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease;
}
.copy-btn:hover{
  transform:translateY(-1px);
  background:#dff6f1;
  box-shadow:0 8px 18px rgba(15,159,132,.12);
}
.copy-btn.copied{background:#0f9f84;color:#fff;border-color:#0f9f84}
.copy-icon{width:20px;height:20px;flex:0 0 auto}
.result-status{margin:14px auto 16px!important;font-size:13px;color:var(--muted)!important}
.result-status.success{color:#08705e!important}
.result-status.warn{padding:11px 13px;border-radius:13px;background:#fff5e8;color:#8c4c10!important}
.result-actions{display:flex;justify-content:center;margin-top:4px}
.activation-btn{
  min-height:52px;min-width:285px;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:0 22px;border-radius:16px;
  background:linear-gradient(135deg,#17233d,#263b61);
  color:#fff!important;text-decoration:none!important;
  font-size:14px;font-weight:900;
  box-shadow:0 12px 25px rgba(23,35,61,.18);
  transition:transform .18s ease,box-shadow .18s ease;
}
.activation-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(23,35,61,.23)}
.activation-btn svg{width:19px;height:19px;transform:rotate(180deg)}
@media(max-width:520px){
  .result-code-row{flex-direction:column}
  .result-code,.copy-btn{width:100%;min-width:0}
  .copy-btn{min-height:50px}
  .activation-btn{width:100%;min-width:0;height:auto;min-height:52px;padding:11px 15px;text-align:center}
}


/* Seamless landing-page embed mode */
body.embed-mode{
  background:transparent;
  min-height:0;
  overflow-x:hidden;
}
.embed-mode .wrap{width:100%;margin:0}
.embed-mode .top,
.embed-mode .hero-grid>section:first-child,
.embed-mode .footer{display:none!important}
.embed-mode .hero{padding:0;margin:0}
.embed-mode .hero-grid{display:block}
.embed-mode .card{
  padding:2px;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
}
.embed-mode .gift-box{background:transparent}
.embed-mode .notice{margin:0 0 12px}
.embed-mode .result-box{padding:6px 0 2px}
.embed-mode .activation-btn svg{width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important;flex:0 0 19px}
.embed-mode .copy-btn svg{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 20px}
@media(max-width:520px){
  .embed-mode .card{padding:0}
}

/* V6 gift polish */
.result-box{animation:giftShow .35s ease}
@keyframes giftShow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.result-success-icon{width:58px!important;height:58px!important;font-size:30px!important;background:linear-gradient(135deg,#0f9f84,#15c5a3)!important;color:#fff!important;box-shadow:0 12px 28px rgba(15,159,132,.22)}
.result-box h3{font-size:21px;line-height:1.8}
.result-code-card{background:linear-gradient(145deg,#f7fffd,#fff);border:1px solid #d5eee8;border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(15,159,132,.08)}
.result-code-label{text-align:center;display:block;font-weight:900;color:#506078;margin-bottom:12px}
.result-code-row{gap:12px;align-items:center}
.copy-btn{background:#0f9f84;color:white;border-color:#0f9f84}
.copy-btn:hover{background:#0b856f;color:white}
.activation-btn{background:linear-gradient(135deg,#0f9f84,#0b856f);border:0}
.embed-mode .hero-grid{padding-top:8px}
.embed-mode .gift-box{border-radius:22px!important}
.embed-mode .steps{display:none!important}
.embed-mode .hero-grid>section:last-child{width:100%}
.embed-mode .gift-box>h1,.embed-mode .gift-box>p:first-of-type{display:none}