@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
:root{--ink:#142d36;--muted:#61717a;--bg:#f4f6f8;--line:#dfe6e8;--lime:#d6f279;--green:#17634e;--font:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--font)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--green);text-underline-offset:4px}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6b971d;outline-offset:4px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.5;letter-spacing:-.7px}h2{font-size:1.35rem}h3{font-size:1.08rem}small{font-size:.8rem}.topbar{height:88px;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);line-height:1.35;font-family:Arial,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:1.1px}.brand>span:last-child>span{display:block;font-size:1.19rem;letter-spacing:3.2px}.brand-mark{display:grid;place-items:center;width:43px;height:43px;background:var(--ink);color:var(--lime);border-radius:12px;font-size:2rem}.country{margin-inline-start:auto;font-size:.9rem;display:flex;align-items:center;gap:12px}.country-icon{color:var(--green)}.edition{font-size:.78rem;padding:4px 12px;background:var(--bg);border:1px solid var(--line);border-radius:5px}.shell{display:grid;grid-template-columns:235px minmax(0,1fr);max-width:1800px;margin:auto;min-height:calc(100vh - 88px)}.sidebar{padding:35px 22px;border-inline-end:1px solid var(--line);background:#fff;display:flex;flex-direction:column}.eyebrow{font-size:.79rem;color:var(--muted);font-weight:500;letter-spacing:.3px;margin-bottom:15px}.sidebar nav{display:flex;flex-direction:column;gap:10px}.nav-item{background:none;border:0;text-align:right;padding:12px 14px;border-radius:8px;font-size:.94rem;display:flex;align-items:center;gap:12px}.nav-item>span{font-size:1.3rem}.nav-item.active{background:var(--ink);color:#fff}.nav-item.active>span{color:var(--lime)}.nav-item small{margin-inline-start:auto;opacity:.65}.nav-item:hover:not(.active){background:var(--bg)}.side-note{margin-top:80px;border-top:1px solid var(--line);padding-top:25px}.note-symbol{display:block;font-size:2rem;color:var(--green)}.side-note h3{margin:10px 0 8px;font-size:1rem}.side-note p{color:var(--muted);font-size:.87rem}.side-bottom{margin-top:auto;padding-top:70px;color:var(--muted);font-size:.82rem}.side-bottom small{font-size:.75rem;color:#8b969b}main{padding:32px 38px;min-width:0}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.page-heading .eyebrow{margin-bottom:5px;color:var(--green)}.page-heading p:not(.eyebrow){color:var(--muted);margin-top:7px;font-size:.95rem}.outline-button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 16px;font-size:.86rem;white-space:nowrap}.primary{background:var(--ink);border:1px solid var(--ink);border-radius:8px;color:#fff;padding:12px 23px;font-weight:600}.primary:hover{background:#244752}.primary span{color:var(--lime);margin-inline-start:18px}.builder{padding:23px;background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr 1.15fr 1fr auto;gap:17px;align-items:end}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{font-weight:500;font-size:.86rem}.field label span{display:inline-grid;place-items:center;color:#7b898d;border:1px solid var(--line);width:21px;height:21px;border-radius:50%;font:12px Arial;margin-inline-end:5px}.field select,.field input{width:100%;padding:11px 12px;border:1px solid #d4dfe2;background:#fff;color:var(--ink);border-radius:7px;min-height:49px}.context-strip{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem;padding:14px 3px}.context-strip b{font-weight:500;color:var(--green)}.context-strip a{margin-inline-start:auto;white-space:nowrap}.route-overview{margin-top:20px;background:var(--ink);color:#fff;border-radius:12px;display:flex;justify-content:space-between;align-items:center;padding:23px 27px;gap:20px;position:relative;overflow:hidden}.route-overview .eyebrow{color:#c0d1d5;margin-bottom:5px}.route-overview h2{font-size:1.45rem}.route-overview p{color:#becdd1;font-size:.87rem;margin-top:5px}.route-number{border-inline-start:1px solid #456069;padding-inline-start:30px;text-align:center;min-width:122px}.route-number strong{display:block;font:2.5rem Arial;color:var(--lime);line-height:1.3}.route-number span{font-size:.8rem;color:#becdd1}.section-title{display:flex;align-items:center;justify-content:space-between;margin:27px 0 18px}.section-title p{font-size:.82rem;color:var(--muted)}.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}.stage{min-width:0}.stage-heading{display:flex;gap:10px;align-items:center;margin-bottom:18px}.stage-number{font:600 .9rem Arial;background:#e4eaed;border:1px solid #d5dfe1;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.stage.current .stage-number{background:var(--lime);border-color:#b3d355}.stage h3{font-size:.96rem}.stage-heading p{font-size:.78rem;color:var(--muted)}.stage.current .stage-heading p{color:var(--green)}.stage-body{border-top:2px solid #dce5e7;padding-top:17px}.stage.current .stage-body{border-color:#a7cc4d}.cert-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column}.cert-card:hover{box-shadow:0 7px 22px #142d360b;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:13px}.cert-code{font:700 1.25rem/1.3 Arial,sans-serif;letter-spacing:.2px;overflow-wrap:anywhere}.issuer{font:12px Arial;color:var(--muted);background:#f3f5f6;padding:5px 7px;border-radius:4px}.cert-card h3{font-size:1rem;line-height:1.6;margin-bottom:8px}.cert-card .summary{font-size:.84rem;color:var(--muted);line-height:1.8;margin-bottom:15px}.badge{font-size:.76rem;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;line-height:1.7;width:fit-content}.badge.supported{background:#eaf4e9;color:#286034}.badge.unknown{background:#f4f0e6;color:#826625}.badge.historical{background:#fff1dc;color:#856128}.badge.not-listed{background:#eef1f4;color:#52606a}.card-cost{border-top:1px solid #ecf0f1;margin-top:15px;padding-top:12px;display:flex;flex-direction:column;gap:2px}.card-cost small{color:var(--muted);font-size:.74rem}.card-cost strong{font-size:.87rem;font-weight:500}.detail-button{display:flex;align-items:center;justify-content:space-between;border:0;background:none;padding:14px 0 0;font-size:.86rem;font-weight:600;color:var(--green);width:100%;margin-top:auto}.stage-advice{padding:18px;border:1px dashed #bccace;border-radius:10px;font-size:.86rem;color:var(--muted);line-height:1.9;background:#eef2f3}.stage-advice strong{display:block;color:var(--ink);margin-bottom:6px}.skill-panel{margin-top:24px;display:grid;grid-template-columns:1.05fr 1fr;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;gap:25px}.skill-panel>div+div{border-inline-start:1px solid var(--line);padding-inline-start:25px}.skill-panel h3{margin-bottom:8px}.skill-panel p{font-size:.87rem;color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:.8rem}.roles{margin-top:14px;font-size:.82rem;color:var(--muted)}.section-note{margin-top:15px;color:var(--muted);font-size:.8rem}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font:12px Arial;color:#76858b}footer span{font:12px var(--font)}.catalog-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;background:#fff;padding:20px;border:1px solid var(--line);border-radius:10px;margin-bottom:23px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.catalog-grid .cert-card{margin:0}.result-meta{margin-bottom:15px;color:var(--muted);font-size:.86rem}.empty{text-align:center;border:1px dashed #bfccd0;padding:50px 20px;border-radius:10px;grid-column:1/-1}.empty p{color:var(--muted);margin:10px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:10px}.info-panel h2{margin-bottom:14px}.info-panel p,.info-panel li{color:var(--muted);font-size:.93rem}.info-panel li{margin-bottom:10px}.info-panel.wide{grid-column:1/-1}.info-panel .badge{margin:8px 0}.info-panel a{display:inline-block;margin-top:10px}.source-list{display:flex;flex-wrap:wrap;gap:12px}.source-list a{padding:8px 15px;border:1px solid var(--line);border-radius:6px;font-size:.85rem}.notice{background:#f4f6e9;border:1px solid #e0e6cb;padding:15px 18px;border-radius:8px;color:#586335;font-size:.86rem;margin-top:20px}dialog{border:0;border-radius:16px;padding:35px;max-width:680px;width:calc(100% - 30px);max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#102b36aa;backdrop-filter:blur(3px)}.close{position:absolute;left:18px;top:14px;border:0;background:#edf1f3;width:35px;height:35px;border-radius:50%;font:25px Arial}.modal-code{font:700 2rem Arial;display:block;margin-bottom:8px;max-width:85%}.modal-issuer{color:var(--muted);margin:5px 0 15px}.detail-section{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.detail-section p{font-size:.92rem;color:var(--muted);margin-top:7px}.detail-section a{font-size:.85rem;display:inline-block;margin-top:8px}.detail-section h3{font-size:1rem}.detail-section .amount{font-size:1.07rem;color:var(--ink)}.modal-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.modal-actions a{text-decoration:none}.verified-date{font-size:.78rem;color:var(--muted);margin-top:17px}.skip{position:absolute;top:-70px;right:20px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.flash{animation:flash .6s ease}@keyframes flash{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@media(min-width:1450px){main{padding:35px 55px}.cert-card{padding:23px}.shell{grid-template-columns:250px minmax(0,1fr)}}@media(max-width:1150px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:25px 12px}main{padding:27px 23px}.builder{grid-template-columns:1fr 1fr}.roadmap,.catalog-grid{gap:12px}.cert-card{padding:14px}.nav-item{font-size:.87rem;padding:11px 10px}.card-top{flex-wrap:wrap}.context-strip{flex-wrap:wrap}}@media(max-width:850px){.shell{display:block}.sidebar{border:0;padding:10px 20px;border-bottom:1px solid var(--line)}.sidebar nav{flex-direction:row;gap:5px}.sidebar .eyebrow,.side-note,.side-bottom{display:none}.nav-item{flex:1;justify-content:center;text-align:center}.nav-item small{display:none}.topbar{height:76px;padding:0 20px;gap:15px}.edition{display:none}.country{font-size:.79rem}.roadmap{grid-template-columns:1fr}.stage{display:grid;grid-template-columns:155px minmax(0,1fr);gap:15px}.stage-body{padding-top:0;border-top:0;border-inline-start:2px solid #dce5e7;padding-inline-start:18px}.stage-heading{align-self:start;margin:10px 0}.stage.current .stage-body{border-color:#a7cc4d}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-card{padding:20px}.section-title{align-items:flex-start;gap:15px}.section-title p{max-width:50%}}@media(max-width:560px){main{padding:23px 16px}.brand{font-size:.61rem;gap:8px}.brand>span:last-child>span{font-size:.97rem;letter-spacing:2.5px}.brand-mark{width:35px;height:35px;font-size:1.6rem}.country{font-size:.69rem;gap:6px}.topbar{padding:0 15px}.sidebar{padding:8px}.nav-item{padding:9px 7px;font-size:.78rem;gap:6px}.nav-item>span{font-size:1rem}h1{font-size:1.65rem}.page-heading{gap:10px}.page-heading p:not(.eyebrow){font-size:.86rem}.page-heading .outline-button{font-size:.76rem;padding:7px 9px;margin-top:6px}.builder{padding:17px;gap:14px;grid-template-columns:1fr}.builder .primary{margin-top:3px}.context-strip{font-size:.76rem}.context-strip a{margin:0}.route-overview{padding:21px 18px}.route-overview h2{font-size:1.22rem}.route-overview p{font-size:.8rem}.route-number{min-width:70px;padding-inline-start:15px}.route-number strong{font-size:2rem}.stage{display:block}.stage-heading{margin:8px 0 14px}.stage-body{margin-inline-start:17px;padding-inline-start:18px}.section-title{display:block}.section-title p{max-width:none;margin-top:4px}.skill-panel,.method-grid{grid-template-columns:1fr}.skill-panel>div+div{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:18px}.catalog-controls{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.info-panel.wide{grid-column:auto}dialog{padding:28px 23px}.modal-code{font-size:1.7rem}.modal-actions{flex-direction:column}.modal-actions a{text-align:center}.page-heading .eyebrow{font-size:.72rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.topbar,.sidebar,.builder,.context-strip,.outline-button,footer,.detail-button{display:none!important}.shell{display:block}main{padding:0}.route-overview{color:#142d36;background:#eee}.route-overview p,.route-overview .eyebrow{color:#444}.roadmap{display:block}.stage{break-inside:avoid;display:block;margin:20px 0}.cert-card{break-inside:avoid}.stage-body{border:0}.skill-panel{break-inside:avoid}body{background:white;font-size:12px}}