.ytc-wrap{max-width:1080px;margin:36px auto;padding:18px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#11213f}
.ytc-card{background:#fff;border:1px solid #e5eaf2;border-radius:26px;box-shadow:0 22px 70px rgba(19,42,85,.12);overflow:hidden}
.ytc-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:34px 36px;background:linear-gradient(135deg,#edf5ff 0%,#fff9eb 100%)}
.ytc-head h2{margin:7px 0 9px;font-size:34px;line-height:1.1;letter-spacing:-.4px;color:#11213f}
.ytc-head p{margin:0;color:#5b667a;font-size:15px}
.ytc-kicker{font-size:12px;letter-spacing:1.8px;font-weight:900;color:#1e63db}
.ytc-badge{background:linear-gradient(135deg,#2e64f5,#5f4be8);color:#fff;padding:10px 15px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 8px 20px rgba(65,82,220,.22)}
.ytc-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:24px 34px 2px}
.ytc-progress div{display:flex;align-items:center;gap:8px;color:#7a8495;font-size:12px;font-weight:700}
.ytc-progress div:after{content:"";height:2px;background:#e8ecf3;flex:1}
.ytc-progress div:last-child:after{display:none}
.ytc-progress b{width:29px;height:29px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eef1f6;color:#556173}
.ytc-progress .active{color:#215ee8}.ytc-progress .active b{background:#215ee8;color:#fff}
.ytc-form{padding:24px 34px 36px}.ytc-form h3{margin:28px 0 16px;padding-bottom:11px;border-bottom:1px solid #edf0f5;font-size:20px;color:#12213d}
.ytc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ytc-grid label{font-size:13px;font-weight:800;color:#344054}
.ytc-grid input,.ytc-grid select,.ytc-grid textarea{width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #cbd5e1;border-radius:12px;padding:13px 14px;background:#fff;font-size:15px!important;line-height:1.35;color:#182338!important;min-height:48px;outline:none;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.ytc-grid input:focus,.ytc-grid select:focus,.ytc-grid textarea:focus{border-color:#4d72f3;box-shadow:0 0 0 3px rgba(77,114,243,.12)}
.ytc-grid select{font-weight:600;appearance:auto;-webkit-appearance:auto}
.ytc-grid select option{color:#111827;background:#fff;font-size:15px}
.ytc-grid input::placeholder,.ytc-grid textarea::placeholder{color:#98a2b3;opacity:1}
.ytc-grid .full{grid-column:1/-1}.ytc-grid small{display:block;margin-top:7px;color:#6b7280;font-weight:500}
.ytc-paybox{display:flex;justify-content:space-between;gap:28px;align-items:center;background:linear-gradient(135deg,#f5f9ff,#fbfcff);border:1px solid #dbe6f5;border-radius:18px;padding:22px;margin-bottom:20px}
.ytc-paybox img{width:210px;max-width:34%;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 10px 28px rgba(15,35,75,.08)}
.ytc-paytext{display:flex;flex-direction:column;gap:8px;font-size:15px}.ytc-paytext strong{font-size:18px;color:#132238}
.ytc-mini-label{font-size:11px;letter-spacing:1.4px;font-weight:900;color:#2563eb}
.ytc-pay-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.ytc-paybtn,.ytc-copybtn{display:inline-flex;align-items:center;justify-content:center;border:0;text-decoration:none!important;padding:11px 16px;border-radius:10px;font-weight:800;font-size:13px;cursor:pointer}
.ytc-paybtn{background:#08a15b;color:#fff!important}.ytc-copybtn{background:#edf2ff;color:#2358d7}
.ytc-fee-summary{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:2px}
.ytc-fee-summary div{background:#f8fafc;border:1px solid #e5eaf1;border-radius:12px;padding:14px}
.ytc-fee-summary span{display:block;color:#667085;font-size:12px;font-weight:700;margin-bottom:4px}
.ytc-fee-summary strong{font-size:18px;color:#10213e}
.ytc-consent{display:grid;gap:11px;margin:24px 0;font-size:13px;color:#475467}.ytc-consent label{display:flex;align-items:flex-start;gap:8px}.ytc-consent input{margin-top:2px}
.ytc-submit{border:0;background:linear-gradient(135deg,#2b63ef,#5b4be4);color:#fff;padding:14px 24px;border-radius:12px;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(65,82,220,.2)}
.ytc-alert{margin:22px 34px 0;padding:14px 16px;border-radius:12px;font-weight:800}.ytc-alert.error{background:#fff1f1;color:#b42318}
.ytc-success-card{margin:30px 34px 36px;padding:38px 26px;text-align:center;border:1px solid #dfe7f5;border-radius:20px;background:linear-gradient(180deg,#f8fbff,#fff);box-shadow:0 14px 35px rgba(20,45,90,.06)}
.ytc-success-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eafaf1;color:#0d9a54;font-size:34px;font-weight:900}
.ytc-success-kicker{font-size:11px;letter-spacing:1.5px;font-weight:900;color:#2462de}
.ytc-success-card h3{font-size:27px;margin:8px 0;color:#12213d}.ytc-success-card p{max-width:690px;margin:0 auto;color:#5b667a}
.ytc-success-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px auto;max-width:760px}
.ytc-success-steps span{padding:11px 8px;border-radius:10px;background:#f1f4f8;color:#667085;font-size:12px;font-weight:800}.ytc-success-steps .done{background:#eafaf1;color:#087b44}
.ytc-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.ytc-secondary-btn,.ytc-whatsapp-btn{padding:11px 15px;border-radius:10px;text-decoration:none!important;font-weight:800;font-size:13px}
.ytc-secondary-btn{background:#eef2f7;color:#344054}.ytc-whatsapp-btn{background:#0aa85d;color:#fff!important}
@media(max-width:760px){
 .ytc-wrap{padding:10px;margin:18px auto}.ytc-card{border-radius:18px}.ytc-head{flex-direction:column;padding:24px 20px}.ytc-head h2{font-size:27px}
 .ytc-progress{padding:18px 20px 0}.ytc-progress span{display:none}.ytc-form{padding:18px 20px 26px}.ytc-grid{grid-template-columns:1fr}.ytc-grid .full{grid-column:auto}
 .ytc-grid input,.ytc-grid select,.ytc-grid textarea{font-size:16px!important;min-height:50px}
 .ytc-paybox{flex-direction:column;align-items:flex-start;padding:18px}.ytc-paybox img{max-width:100%;width:240px;align-self:center}
 .ytc-fee-summary{grid-template-columns:1fr!important}.ytc-success-card{margin:20px;padding:28px 18px}.ytc-success-steps{grid-template-columns:1fr 1fr}
}

.ytc-payment-note{
  margin:0 0 16px;
  padding:12px 14px;
  border:1px solid #dbe7ff;
  background:#f5f9ff;
  border-radius:12px;
  color:#315082;
  font-size:13px;
  font-weight:700;
}