@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');
:root{--navy:#19324d;--navy2:#294964;--green:#22ad63;--orange:#d4862f;--muted:#748196;--line:#dce4ec;--paper:#fff;--soft:#f6f8fb}
*{box-sizing:border-box}html{min-height:100%;background:linear-gradient(155deg,#d5812c 0%,#c67b61 45%,#a76cb2 100%);background-attachment:fixed}body{min-height:100vh;margin:0;padding:34px 16px 70px;background:transparent;color:var(--navy);font-family:'Tajawal','Droid Arabic Kufi',Arial,sans-serif}
#msform{width:min(720px,100%);margin:0 auto;text-align:center;position:relative}#msform .registration-brand{height:104px;margin-bottom:12px}#msform .registration-brand img{width:230px;max-width:65vw;height:auto;filter:drop-shadow(0 5px 9px rgba(0,0,0,.1))}.registration-heading{color:#fff;margin:6px auto 28px;text-shadow:0 1px 2px rgba(0,0,0,.24)}.registration-heading span{display:inline-block;padding:6px 14px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:13px}.registration-heading h1{margin:12px 0 7px;font-size:25px;font-weight:800}.registration-heading p{margin:0;font-size:14px;opacity:.94}
#progressbar{display:flex;direction:ltr;margin:0 auto 30px;padding:0;overflow:visible;counter-reset:step}#progressbar li{float:none;width:33.333%;padding:0 5px;color:#fff;font-size:11px;line-height:1.65;text-transform:none}#progressbar li:before{position:relative;z-index:2;width:30px;height:30px;line-height:30px;margin:0 auto 7px;border-radius:50%;background:rgba(255,255,255,.93);color:var(--navy);font-weight:800;box-shadow:0 3px 10px rgba(35,45,60,.16)}#progressbar li:after{z-index:0;height:3px;top:14px;left:-50%;background:rgba(255,255,255,.55)}#progressbar li.active:before,#progressbar li.active:after{background:var(--green);color:#fff}
#msform fieldset{width:100%;margin:0;padding:38px 40px;background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.7);border-radius:26px;box-shadow:0 24px 60px rgba(34,38,55,.18);position:relative}#msform fieldset:not(:first-of-type){display:none}.step-badge{display:inline-flex;padding:7px 13px;margin-bottom:14px;border-radius:999px;background:#fff1df;color:#a85a16;font-size:12px;font-weight:700}.fs-title{margin:0;color:var(--navy);font-size:24px;font-weight:800;text-transform:none}.field-hint{margin:7px 0 22px;color:var(--muted);font-size:13px}
#msform input:not([type=radio]),#msform textarea,#msform select{width:100%;min-height:52px;margin:0 0 12px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy);font:500 14px 'Tajawal',Arial,sans-serif;outline:none;transition:.2s}#msform input:not([type=radio]):focus,#msform textarea:focus,#msform select:focus{border-color:#7ba1c2;box-shadow:0 0 0 4px rgba(63,111,153,.1)}#msform input[readonly]{background:var(--soft);color:#526174}
#msform .action-button{min-height:52px;width:100%;margin:12px 0 0;padding:12px 20px;border:0;border-radius:13px;background:var(--green);color:#fff;font:800 15px 'Tajawal',Arial,sans-serif;box-shadow:0 10px 22px rgba(34,173,99,.22);cursor:pointer;transition:.2s}#msform .action-button:hover,#msform .action-button:focus{transform:translateY(-1px);box-shadow:0 13px 26px rgba(34,173,99,.28)}
.fs-subtitle{color:#5d6b7c;font-size:14px;line-height:1.8}.payment-total{display:flex;align-items:center;justify-content:space-between;margin:22px 0;padding:18px 20px;border-radius:15px;background:linear-gradient(135deg,var(--navy),#223f5d);color:#fff;text-align:right;box-shadow:0 12px 25px rgba(25,50,77,.18)}.payment-total strong{font-size:22px}.payment-total small{font-size:12px}.payment-title{margin:0 0 12px;text-align:right;font-size:15px;color:var(--navy)}.payment-options{display:grid;gap:12px}.payment-option{display:flex;float:none;align-items:center;width:100%;min-height:78px;margin:0;padding:13px 16px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--navy);cursor:pointer;transition:.2s}.payment-option:hover{border-color:#96aec3;transform:translateY(-1px)}.payment-option:has(input:checked){border-color:var(--green);background:#f1fbf6;box-shadow:0 0 0 3px rgba(34,173,99,.09)}.payment-option input.radio{position:absolute;opacity:0;width:1px!important}.payment-check{width:22px;height:22px;margin-left:12px;border:2px solid #c9d4df;border-radius:50%;background:#fff}.payment-option input:checked+.payment-check{border:6px solid var(--green)}.payment-icon{display:grid;place-items:center;width:48px;height:42px;margin-left:12px;border-radius:10px;color:#fff;font-size:21px;font-weight:800}.card-icon{background:var(--navy2)}.benefit-icon{background:#ec2535}.payment-copy{display:flex;flex-direction:column;text-align:right}.payment-copy strong{font-size:15px}.payment-copy small{margin-top:4px;color:var(--muted);font-size:12px}
#msform .radio.wgrad{position:static;opacity:1;width:18px!important;height:18px;float:none;margin:0 5px 0 12px;accent-color:var(--green)}#msform label:not(.payment-option){float:none;color:#526174}.error_st2{padding:18px;border-radius:14px;background:#fff1f1;color:#d94848!important;line-height:1.9}
.inline-status{display:flex;flex-direction:column;align-items:center;padding:24px 18px;margin:4px 0 16px;border-radius:17px;text-align:center}.inline-status>span{display:grid;place-items:center;width:62px;height:62px;margin-bottom:15px;border-radius:50%;font-size:28px;font-weight:800}.inline-status h3{margin:0 0 7px;font-size:20px;color:var(--navy)}.inline-status p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.inline-status.error{background:#fff2f2}.inline-status.error>span{background:#ffe1e2;color:#d94848}.inline-status.warning{background:#fff8eb}.inline-status.warning>span{background:#ffedc8;color:#b46e1f}.inline-status.loading{background:#f1f6fa}.inline-status.loading>span{background:#e4edf5;color:#426c91}.status-spinner{border:4px solid #d4e0ea!important;border-top-color:#426c91!important;animation:status-spin .8s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){body{padding:20px 10px 45px}.registration-heading h1{font-size:21px}#progressbar li{font-size:9px}#msform fieldset{padding:28px 20px;border-radius:21px}.fs-title{font-size:20px}.payment-total{padding:16px}.registration-heading p{font-size:12px}}
.apple-pay-icon{background:#000;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.apple-pay-option{display:none}.apple-pay-option.is-available{display:flex}