:root{--ink:#0f172a;--ink-2:#475569;--ink-3:#94a3b8;--ink-4:#cbd5e1;  --blue:var(--tkw-brand,#2563eb);--blue-lt:var(--tkw-brand-soft,#eff6ff);--blue-dk:var(--tkw-brand-dark,#1d4ed8);--red:#dc2626;--page-bg:#f6f7f9;--card-bg:#ffffff;--muted:#f8fafc;--border:#e2e8f0;--nav-h:48px;--side-w:332px;--max-w:1100px;--r:8px;--r-lg:12px;--shadow:0 1px 3px rgba(15,23,42,.06),0 4px 14px rgba(15,23,42,.08);--shadow-s:0 1px 2px rgba(15,23,42,.05);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg)}.cd-wrap{font-family:Tajawal,sans-serif;color:var(--ink);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button{font-family:Tajawal,sans-serif;cursor:pointer}.cd-page{max-width:var(--max-w);margin:0 auto;padding:0 32px}.cd-grid{display:grid;grid-template-columns:1fr var(--side-w);gap:32px;align-items:start}.cd-sidebar{position:sticky;top:calc(var(--nav-h) + 16px);display:flex;flex-direction:column;gap:14px}.cd-hero{padding:36px 0 30px}.hero-cover{width:100%;margin-bottom:20px;border-radius:var(--r-lg);overflow:hidden;line-height:0}.hero-cover img{width:100%;max-height:320px;object-fit:cover;display:block}.type-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--blue);background:var(--blue-lt);border-radius:99px;padding:4px 11px;margin-bottom:14px}.hero-title{font-size:28px;font-weight:700;line-height:1.33;letter-spacing:-.4px;margin-bottom:10px}.offering-tag{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-2);background:var(--muted);border:1px solid var(--border);border-radius:6px;padding:3px 10px;margin-bottom:14px}.hero-desc{font-size:14px;color:var(--ink-2);line-height:1.75;margin-bottom:18px;text-align:justify}.cd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px}.stars{color:#f59e0b;font-size:13px}.mv{font-size:13px;font-weight:600}.md{font-size:13px;color:var(--ink-3)}.cd-dot{color:var(--ink-4)}.m-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-2);border:1px solid var(--border);border-radius:6px;padding:3px 9px;background:var(--card-bg)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.chip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);background:var(--card-bg);border:1px solid var(--border);border-radius:6px;padding:5px 11px}.chip-dot{width:5px;height:5px;border-radius:50%;background:var(--blue);flex-shrink:0}.cd-tabs-wrap{position:sticky;top:var(--nav-h);z-index:50;background:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cd-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.cd-tabs::-webkit-scrollbar{display:none}.cd-tab{flex-shrink:0;padding:13px 20px;border:none;background:transparent;font:400 13px/1 Tajawal,sans-serif;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;white-space:nowrap;cursor:pointer}.cd-tab:hover{color:var(--ink-2)}.cd-tab.on{color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}.cd-pane{display:none}.cd-pane.on{display:block}.cd-sec{padding:28px 0;border-bottom:1px solid var(--border)}.cd-sec:last-child{border-bottom:none;padding-bottom:0}.sec-lbl{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.sec-title{font-size:19px;font-weight:700;letter-spacing:-.2px;margin-bottom:18px}.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.learn-col-title{font-size:12px;font-weight:600;color:var(--ink);padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:10px}.learn-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--ink-2);padding:3px 0}.tick{width:16px;height:16px;border-radius:50%;background:var(--blue-lt);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;flex-shrink:0;margin-top:2px}.desc-txt{font-size:14px;color:var(--ink-2);line-height:1.8;text-align:justify}.notes-box{background:var(--muted);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;font-size:13px;color:var(--ink-2);margin-top:14px;display:flex;gap:8px;line-height:1.65}.syl-stats{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:18px}.syl-s{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:5px}.acc{border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:5px}.acc-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--card-bg);cursor:pointer;user-select:none;transition:background .12s}.acc-head:hover{background:var(--muted)}.ah-l{display:flex;align-items:center;gap:10px}.acc-tag{font-size:11px;font-weight:600;color:var(--blue);background:var(--blue-lt);border-radius:5px;padding:2px 8px;white-space:nowrap}.acc-title{font-size:13px;font-weight:600}.acc-sub{font-size:11px;color:var(--ink-3);margin-top:2px}.acc-chev{color:var(--ink-3);font-size:10px;transition:transform .2s;flex-shrink:0}.acc.open .acc-chev{transform:rotate(180deg)}.acc-body{display:none;border-top:1px solid var(--border)}.acc.open .acc-body{display:block}.lesson{display:flex;align-items:center;gap:10px;padding:9px 16px;border-top:1px solid var(--border);transition:background .1s}.lesson:first-child{border-top:none}.lesson:hover{background:var(--muted)}.l-ic{width:27px;height:27px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.iv{background:var(--blue-lt);color:var(--blue-dk)}.ip{background:#fef9c3;color:#92400e}.iq{background:#f0fdf4;color:#166534}.il{background:#f5f3ff;color:#6d28d9}.l-name{flex:1;font-size:13px;color:var(--ink)}.l-free{font-size:10px;font-weight:500;color:var(--blue);background:var(--blue-lt);border-radius:4px;padding:2px 7px}.l-dur{font-size:11px;color:var(--ink-3)}.trainer-row{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.trainer-row:last-child{border-bottom:none;padding-bottom:0}.t-ava{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff;overflow:hidden}.t-ava img{width:100%;height:100%;object-fit:cover}.t-name-row{display:flex;align-items:center;gap:8px;margin-bottom:3px}.t-name{font-size:15px;font-weight:700}.lead-badge{font-size:10px;font-weight:600;background:var(--blue-lt);color:var(--blue);border-radius:4px;padding:2px 8px}.t-role{font-size:13px;color:var(--ink-2);margin-bottom:10px}.t-stats{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:10px}.t-stat{font-size:12px;color:var(--ink-2)}.t-stat strong{color:var(--ink)}.rating-ov{display:flex;align-items:center;gap:28px;margin-bottom:22px}.r-big{text-align:center;flex-shrink:0}.r-score{font-size:44px;font-weight:700;line-height:1}.r-stars{font-size:15px;color:#f59e0b;margin:5px 0}.r-total{font-size:12px;color:var(--ink-3)}.rbar-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}.rbar-l{font-size:12px;color:var(--ink-2);width:22px;text-align:center}.rbar-t{flex:1;height:5px;border-radius:3px;background:var(--muted);overflow:hidden;border:1px solid var(--border)}.rbar-f{height:100%;border-radius:3px;background:#f59e0b}.cta-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}.cta-hdr{border-bottom:1px solid var(--border);background:transparent}.cta-thumb{width:100%;border-radius:6px;background:transparent;overflow:hidden;line-height:0}.cta-thumb img{width:100%;height:160px;display:block;object-fit:cover}.cta-thumb-txt{display:none}.cta-hdr-info{padding:12px 16px;background:var(--muted)}.cta-prod-name{font-size:12px;font-weight:600;color:var(--ink);line-height:1.4}.cta-off-name{font-size:11px;color:var(--ink-3);margin-top:2px}.cta-promo{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#fffbeb;border-bottom:1px solid #fde68a;font-size:11px;color:#92400e}.promo-t{font-weight:700;font-variant-numeric:tabular-nums}.cta-body{padding:16px}.price-blk{margin-bottom:14px}.price-top{display:flex;align-items:baseline;gap:10px}.price-now{font-size:29px;font-weight:700;line-height:1}.price-cur{font-size:15px;font-weight:500}.price-vat{font-size:11px;color:var(--ink-3);margin-top:3px}.seats-blk{margin-bottom:14px}.seats-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px}.seats-lbl{color:var(--ink-2)}.seats-cnt{color:var(--red);font-weight:600;display:flex;align-items:center;gap:4px}.s-dot{width:5px;height:5px;border-radius:50%;background:var(--red);animation:cd-blink 1.5s infinite}@keyframes cd-blink{0%,100%{opacity:1}50%{opacity:.35}}.sbar{height:4px;border-radius:2px;background:#fee2e2;overflow:hidden}.sbar-f{height:4px;border-radius:2px;background:var(--red)}.wl-bar{background:#fefce8;border:1px solid #fde68a;border-radius:var(--r);padding:11px 14px;display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;color:#92400e}.wl-dot{width:7px;height:7px;border-radius:50%;background:#d97706;flex-shrink:0}.btn-wl{width:100%;padding:11px;border:1px solid #d97706;border-radius:var(--r);background:#fffbeb;color:#92400e;font-size:13px;font-weight:500;margin-bottom:8px;cursor:pointer}.btn-enroll{width:100%;padding:12px;margin-bottom:7px;background:var(--blue);border:none;border-radius:var(--r);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:Tajawal,sans-serif;transition:background .15s}.btn-enroll:hover{background:var(--blue-dk)}.btn-login{width:100%;padding:10px;margin-bottom:13px;background:transparent;border:1px solid var(--border);border-radius:var(--r);color:var(--ink-2);font-size:13px;cursor:pointer;font-family:Tajawal,sans-serif;transition:all .15s}.btn-login:hover{border-color:var(--ink-3);color:var(--ink)}.guarantee{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11px;color:var(--ink-3)}.rule{height:1px;background:var(--border);margin:12px 0}.inc-title{font-size:12px;font-weight:600;margin-bottom:9px}.inc-list{display:flex;flex-direction:column;gap:6px}.inc-i{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2)}.inc-icon{color:var(--blue);font-size:11px;width:14px;text-align:center;flex-shrink:0}.cta-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 16px;border-top:1px solid var(--border);background:var(--muted)}.cm-lbl{font-size:10px;color:var(--ink-3)}.cm-val{font-size:12px;font-weight:600}.t-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-s)}.t-card-head{padding:11px 16px;border-bottom:1px solid var(--border);font-size:12px;font-weight:600;background:var(--muted);display:flex;align-items:center;justify-content:space-between}.t-count{font-size:11px;color:var(--ink-3);font-weight:400}.t-mini{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border)}.t-mini:last-child{border-bottom:none}.t-mini-ava{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden}.t-mini-ava img{width:100%;height:100%;object-fit:cover}.t-mini-info{flex:1;min-width:0}.t-mini-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-mini-role{font-size:11px;color:var(--ink-3);margin-top:1px}.t-mini-lead{font-size:9px;font-weight:600;background:var(--blue-lt);color:var(--blue);border-radius:4px;padding:1px 6px;flex-shrink:0}.t-card-footer{padding:11px 16px;border-top:1px solid var(--border)}.btn-all-tr{width:100%;padding:8px;border:1px solid var(--border);border-radius:var(--r);background:transparent;color:var(--ink-2);font:12px Tajawal,sans-serif;cursor:pointer;transition:all .15s}.btn-all-tr:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-lt)}.cd-mob{display:none;position:sticky;bottom:0;z-index:49;background:var(--card-bg);border-top:1px solid var(--border);padding:12px 20px;align-items:center;gap:12px;box-shadow:0 -2px 10px rgba(15,23,42,.08)}.mob-p{font-size:20px;font-weight:700}.mob-s{font-size:10px;color:var(--ink-3)}.mob-btn{flex:1;padding:12px;background:var(--blue);border:none;border-radius:var(--r);color:#fff;font-size:14px;font-weight:600;font-family:Tajawal,sans-serif;cursor:pointer}@media(max-width:820px){.cd-grid{grid-template-columns:1fr}.cd-sidebar{display:none}.cd-mob{display:flex}.hero-title{font-size:22px}.learn-grid{grid-template-columns:1fr}.cd-page{padding:0 16px}}.lesson-preview{cursor:pointer}.l-free--disabled{background:var(--muted);color:var(--ink-3);border:1px solid var(--border);border-radius:4px;font-size:10px;padding:2px 7px;font-weight:400}.lesson-preview:hover .l-free{background:var(--blue);color:#fff}.l-free{transition:all .15s}.cd-modal-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,.7);align-items:center;justify-content:center;padding:20px
}.cd-modal-overlay.open{display:flex}.cd-modal-box{background:var(--card-bg);border-radius:var(--r-lg);width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px rgba(15,23,42,.3)
}.cd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0
}.cd-modal-title{font-size:14px;font-weight:600;color:var(--ink)}.cd-modal-close{width:32px;height:32px;border:none;background:transparent;border-radius:6px;color:var(--ink-3);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s
}.cd-modal-close:hover{background:var(--muted);color:var(--ink)}.cd-modal-body{flex:1;overflow:auto;padding:0}.cd-modal-body iframe{width:100%;border:none;display:block}.cd-modal-body video{width:100%;display:block;max-height:70vh}.cd-modal-body .cd-modal-pdf{width:100%;height:70vh}.cd-modal-body .cd-modal-text{padding:20px;font-size:14px;line-height:1.8;color:var(--ink-2)}.enrolled-badge{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r);background:#f0fdf4;color:#166534;font-size:13px;font-weight:500;margin-bottom:8px
}.btn-go-course{display:block;padding:11px 14px;border-radius:var(--r);border:1px solid var(--blue);color:var(--blue);text-align:center;font-size:13px;font-weight:500;text-decoration:none;margin-bottom:8px;transition:all .15s
}.btn-go-course:hover{background:var(--blue);color:#fff}.enroll-disabled{padding:13px 14px;border-radius:var(--r);background:var(--muted);border:1px solid var(--border);text-align:center;font-size:13px;color:#94a3b8;margin-bottom:8px
}.btn-enroll--paid{position:relative}.pay-sheet-overlay{display:none;position:fixed;inset:0;z-index:9998;background:rgba(15,23,42,.5);align-items:center;justify-content:center;padding:20px;}.pay-sheet-overlay.open{display:flex}.pay-sheet{background:var(--card-bg,#fff);width:100%;max-width:460px;border-radius:16px;padding:0 0 8px;font-family:Tajawal,sans-serif;box-shadow:0 24px 64px rgba(15,23,42,.35);}.pay-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid var(--border)
}.pay-sheet-title{font-size:15px;font-weight:700;color:var(--ink)}.pay-sheet-close{width:30px;height:30px;border:none;background:var(--muted);border-radius:50%;font-size:14px;color:var(--ink-3);display:flex;align-items:center;justify-content:center;cursor:pointer
}.pay-opt{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s
}.pay-opt:last-child{border-bottom:none}.pay-opt:hover{background:var(--muted)}.pay-opt-icon{width:42px;height:42px;border-radius:10px;background:var(--muted);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0
}.pay-opt-body{flex:1}.pay-opt-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:2px}.pay-opt-sub{font-size:12px;color:var(--ink-3)}.pay-opt-arrow{color:var(--ink-3);font-size:12px}.pay-sheet-price{padding:12px 18px;font-size:12px;color:var(--ink-3);border-top:1px solid var(--border);text-align:center
}#cd-auth-modal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.78);align-items:center;justify-content:center;padding:20px;}.auth-card{background:#fff;border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.45);width:min(820px, 100%);height:580px;position:relative;overflow:hidden;direction:ltr;}.auth-panel{position:absolute;inset:0;width:50%;transition:all .6s ease-in-out;}.auth-panel-in{ left:0; z-index:2; }.auth-card.sa .auth-panel-in{ transform:translateX(100%); }.auth-panel-up{ left:0; opacity:0; z-index:1; }.auth-card.sa .auth-panel-up{animation:authShow .6s; opacity:1;transform:translateX(100%); z-index:5;}.auth-form{background:#fff;direction:rtl;width:100%; height:100%;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:24px 28px;overflow-y:auto;}.auth-ov{position:absolute;top:0;bottom:0;left:50%;width:50%;overflow:hidden;z-index:100;transition:transform .6s ease-in-out;}.auth-card.sa .auth-ov{ transform:translateX(-100%); }.auth-ov-inner{background:#f1f5f9;position:absolute;inset:0;left:-100%;width:200%;transition:transform .6s ease-in-out;border-right:1px solid #e2e8f0;}.auth-card.sa .auth-ov-inner{ transform:translateX(50%); }.auth-ov-panel{position:absolute;top:0;bottom:0;width:50%;display:grid;place-items:center;padding:32px;direction:rtl;}.auth-ov-l{ right:0; }.auth-ov-r{ left:0; }.auth-ov-content{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;}.auth-ov-logo{width:96px;height:64px;background:transparent;border-radius:0;display:grid;place-items:center;overflow:visible;box-shadow:none;border:none;}.auth-ov-logo img{max-width:100%;max-height:60px;object-fit:contain;border-radius:0;}.auth-ov-h{color:#0f172a;font-size:20px;font-weight:800;line-height:1.3;font-family:Tajawal,sans-serif;}.auth-ov-p{color:#64748b;font-size:12.5px;line-height:1.8;font-family:Tajawal,sans-serif;}.auth-ov-btn{background:var(--blue-dk);border:none;border-radius:25px;color:#fff;cursor:pointer;font-family:Tajawal,sans-serif;font-size:13px;font-weight:700;padding:11px 36px;transition:all .2s;box-shadow:0 4px 14px color-mix(in srgb,var(--blue-dk) 25%,transparent);}.auth-ov-btn:hover{background:color-mix(in srgb,var(--blue-dk) 80%,black);box-shadow:0 6px 18px color-mix(in srgb,var(--blue-dk) 35%,transparent);}.auth-step{display:none;flex-direction:column;align-items:stretch;width:100%}.auth-step.on{display:flex}.auth-dots{display:flex;gap:7px;margin-bottom:12px;justify-content:center;}.auth-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:all .25s}.auth-dot.on{background:var(--blue-dk);width:22px;border-radius:4px}.auth-title{font-size:20px;font-weight:800;color:#0f172a;margin-bottom:3px;text-align:center;font-family:Tajawal,sans-serif;}.auth-sub{font-size:12px;color:#64748b;margin-bottom:14px;line-height:1.7;text-align:center;font-family:Tajawal,sans-serif;}.auth-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;}.auth-fg{margin-bottom:7px;width:100%;}.auth-lbl{display:block;font-size:11px;font-weight:700;color:#475569;margin-bottom:4px;font-family:Tajawal,sans-serif;}.auth-inp{width:100%;padding:9px 12px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:Tajawal,sans-serif;font-size:13px;color:#0f172a;outline:none;background:#f8fafc;transition:all .18s;text-align:start;}select.auth-inp{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2394a3b8' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;  background-position:left 12px center;padding-inline-end:32px;}[dir="ltr"] select.auth-inp{background-position:right 12px center;}.auth-inp:focus{border-color:var(--blue-dk);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue-dk) 8%,transparent);}.auth-inp::placeholder{color:#94a3b8;}.auth-submit{width:100%;padding:12px;margin-top:12px;background:linear-gradient(90deg,
color-mix(in srgb,var(--blue-dk) 80%,black),
var(--blue-dk) 50%,
color-mix(in srgb,var(--blue) 70%,white));background-size:200% auto;border:none;border-radius:25px;color:#fff;font-size:14px;font-weight:800;cursor:pointer;font-family:Tajawal,sans-serif;transition:background-position .4s;}.auth-submit:hover{background-position:right center;}.auth-link{color:#94a3b8;font-size:12px;margin-top:10px;cursor:pointer;text-decoration:none;display:block;text-align:center;font-family:Tajawal,sans-serif;}.auth-link:hover{color:var(--blue-dk);}.auth-otp{display:flex;gap:8px;justify-content:center;margin:12px 0;direction:ltr;}.auth-otp input{width:42px;height:50px;border:1.5px solid #e2e8f0;border-radius:11px;font-size:22px;font-weight:800;text-align:center;color:#0f172a;outline:none;background:#f8fafc;transition:all .18s;}.auth-otp input:focus{border-color:var(--blue-dk);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue-dk) 8%,transparent);}.auth-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:10px 13px;font-size:12px;line-height:1.8;margin:8px 0;width:100%;text-align:start;font-family:Tajawal,sans-serif;}.auth-ok{width:54px;height:54px;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;font-size:22px;color:#fff;box-shadow:0 8px 24px rgba(34,197,94,.3);}.auth-err{color:#dc2626;font-size:12px;margin-top:6px;min-height:16px;text-align:center;width:100%;font-family:Tajawal,sans-serif;}@keyframes authShow{0%,49%{opacity:0;z-index:1}50%,100%{opacity:1;z-index:5}}@media(max-width:600px){.auth-card{width:100%;height:auto;min-height:500px;max-height:94vh;overflow-y:auto;border-radius:16px;}.auth-ov{display:none;}.auth-panel,.auth-panel-in,.auth-panel-up{position:relative;width:100%;height:auto;transform:none !important;opacity:1 !important;}.auth-panel-in{display:block;}.auth-panel-up{display:none;}.auth-card.sa .auth-panel-in{display:none;}.auth-card.sa .auth-panel-up{display:block;animation:none;}.auth-form{height:auto;justify-content:flex-start;padding:20px 20px 28px;}.auth-mob-switch{display:flex;border-bottom:1px solid #e2e8f0;margin:-24px -20px 18px;}.auth-mob-btn{flex:1;padding:14px;border:none;background:transparent;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;font-family:Tajawal,sans-serif;}.auth-mob-btn.on{color:var(--blue-dk);border-block-end-color:var(--blue-dk);}}@media(min-width:601px){.auth-mob-switch{display:none;}}@keyframes cdSpin {to { transform: rotate(360deg); }}.auth-steps{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px;}.auth-stp{display:flex;align-items:center;gap:5px;}.auth-stp-dot{width:20px;height:20px;border-radius:50%;background:#e2e8f0;color:#64748b;font-size:11px;font-weight:800;display:grid;place-items:center;font-family:Tajawal,sans-serif;transition:all .25s;flex:none;}.auth-stp-lbl{font-size:11px;font-weight:700;color:#94a3b8;font-family:Tajawal,sans-serif;transition:color .25s;white-space:nowrap;}.auth-stp.on .auth-stp-dot{background:var(--blue-dk);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--blue-dk) 12%,transparent);}.auth-stp.on .auth-stp-lbl{color:var(--blue-dk);}.auth-stp.done .auth-stp-dot{background:#16a34a;color:#fff;}.auth-stp.done .auth-stp-lbl{color:#16a34a;}.auth-stp-sep{width:16px;height:2px;border-radius:2px;background:#e2e8f0;flex:none;}.auth-inp-bad{border-color:#dc2626 !important;background:#fef2f2 !important;box-shadow:0 0 0 4px rgba(220,38,38,.07) !important;}.auth-btn-spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;vertical-align:-2px;animation:cdSpin .8s linear infinite;}.auth-submit:disabled{cursor:not-allowed;}@media(max-width:600px){.auth-stp-lbl{font-size:10px;}.auth-stp-sep{width:10px;}}