:root{--blue:#2e6ca6;--blue-dark:#1f4e79;--blue-light:#eaf1f8;--green:#3fa45a;--green-dark:#2e7d46;--green-light:#e8f5ec;--amber:#d99a2b;--amber-light:#fdf3e2;--red:#d9534f;--red-dark:#b03a37;--red-light:#fbeaea;--gray:#aeb6bf;--gray-light:#f2f4f6;--ink:#22303e;--muted:#6b7a89;--card:#fff;--line:#dfe6ec;--page:#f5f7fa;--shadow-sm:0 2px 8px #1f4e790f;--shadow:0 6px 24px #1f4e791a;--shadow-lg:0 18px 48px #1f4e792e;--radius:14px;--radius-sm:10px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--page);color:var(--ink);min-height:100vh;font-family:Tajawal,Segoe UI,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--blue-light)}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(14px,4vw,32px)}.wrap-narrow{max-width:720px}.stack{flex-direction:column;gap:22px;display:flex}.section{padding:clamp(26px,5vw,48px) 0}.topbar{background:linear-gradient(135deg, var(--blue-dark) 0%, var(--blue) 100%);color:#fff;z-index:40;box-shadow:var(--shadow-sm);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:14px;min-height:62px;display:flex}.brand{letter-spacing:-.2px;align-items:center;gap:10px;font-size:1.05rem;font-weight:800;display:flex}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-name{letter-spacing:0;direction:ltr;font-weight:800}.brand-sub{opacity:.82;font-size:.72rem;font-weight:500}.brand-mark{background:#ffffff29;border-radius:9px;place-items:center;width:34px;height:34px;font-size:1.1rem;display:grid}.topnav{flex-wrap:wrap;align-items:center;gap:4px;margin-inline-start:auto;display:flex}.topnav a,.topnav button{color:#ffffffe0;border-radius:999px;padding:7px 13px;font-size:.92rem;font-weight:500;transition:background .18s,color .18s}.topnav a:hover,.topnav button:hover{color:#fff;background:#ffffff24}.topnav a.is-active{color:#fff;background:#fff3}.topnav .nav-cta{color:var(--blue-dark);background:#fff;font-weight:700}.topnav .nav-cta:hover{background:var(--blue-light);color:var(--blue-dark)}.resume-strip{background:var(--amber-light);color:#7a5a12;border-bottom:1px solid #f0dfbe;font-size:.9rem}.resume-strip .wrap{flex-wrap:wrap;align-items:center;gap:10px;padding-block:9px;display:flex}.resume-strip a{color:var(--blue-dark);font-weight:700;text-decoration:underline}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:clamp(18px,3vw,26px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.btn{border-radius:var(--radius-sm);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:.97rem;font-weight:700;transition:transform .12s,box-shadow .18s,background .18s,opacity .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px #2e6ca647}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-success{background:var(--green);color:#fff;box-shadow:0 4px 14px #3fa45a47}.btn-success:hover:not(:disabled){background:var(--green-dark)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:var(--red-dark)}.btn-ghost{border-color:var(--line);color:var(--ink);background:#fff}.btn-ghost:hover:not(:disabled){background:var(--gray-light)}.btn-quiet{color:var(--muted);padding:9px 14px}.btn-quiet:hover:not(:disabled){background:var(--gray-light);color:var(--ink)}.btn-block{width:100%}.btn-lg{padding:14px 26px;font-size:1.05rem}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:.93rem;font-weight:600}.input{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:100%;padding:11px 14px;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2e6ca624}.input-error{border-color:var(--red)}.field-error{color:var(--red-dark);font-size:.87rem;font-weight:600}.hint-text{color:var(--muted);font-size:.87rem}.badge{background:var(--gray-light);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 11px;font-size:.82rem;font-weight:700;display:inline-flex}.badge-blue{background:var(--blue-light);color:var(--blue-dark)}.badge-green{background:var(--green-light);color:var(--green-dark)}.badge-red{background:var(--red-light);color:var(--red-dark)}.badge-amber{background:var(--amber-light);color:#8a6210}.notice{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.notice-amber{background:var(--amber-light);color:#7a5a12;border-color:#f0dfbe}.notice-blue{background:var(--blue-light);color:var(--blue-dark);border-color:#cfe0f0}.notice-green{background:var(--green-light);color:var(--green-dark);border-color:#c9e6d3}.notice strong{font-weight:800}.page-title{letter-spacing:-.5px;font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:800;line-height:1.35}.page-sub{color:var(--muted);font-size:1.02rem}.section-title{align-items:center;gap:9px;font-size:1.2rem;font-weight:800;display:flex}.modal-backdrop{z-index:100;background:#12202e8c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-panel{width:min(640px,100%);max-height:min(88vh,900px);box-shadow:var(--shadow-lg);background:#fff;border-radius:18px;flex-direction:column;animation:.22s ease-out modal-in;display:flex}.modal-panel.is-wide{width:min(880px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@media (prefers-reduced-motion:reduce){.modal-panel{animation:none}}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-head h2{flex:1;font-size:1.14rem;font-weight:800;line-height:1.5}.modal-close{width:34px;height:34px;color:var(--muted);border-radius:9px;flex-shrink:0;place-items:center;font-size:1.05rem;display:grid}.modal-close:hover{background:var(--gray-light);color:var(--ink)}.modal-body{flex:1;padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);background:#fbfcfd;border-radius:0 0 18px 18px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.modal-foot.is-stacked{flex-direction:column;align-items:stretch}.doc-h{scroll-margin-top:88px;font-weight:800;line-height:1.5}.doc-h1{color:var(--blue-dark);border-bottom:2px solid var(--blue-light);margin:30px 0 14px;padding-bottom:10px;font-size:1.5rem}.doc-h2{color:var(--blue-dark);border-inline-start:4px solid var(--blue);margin:26px 0 12px;padding-inline-start:12px;font-size:1.24rem}.doc-h3{color:var(--green-dark);margin:20px 0 9px;font-size:1.09rem}.doc-h4,.doc-h5,.doc-h6{color:var(--ink);margin:16px 0 7px;font-size:1rem}.doc-p{margin:10px 0;line-height:1.95}.doc-li{gap:10px;margin:7px 0;line-height:1.9;display:flex}.doc-li .bullet{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:12px}.doc-li.lv2{padding-inline-start:22px}.doc-li.lv2 .bullet{background:var(--green)}.doc-li.lv3{padding-inline-start:44px}.doc-li.lv3 .bullet{background:var(--gray)}.table-scroll{border-radius:var(--radius-sm);border:1px solid var(--line);margin:16px 0;overflow-x:auto}.doc-table,.q-table{border-collapse:collapse;background:#fff;width:100%;font-size:.94rem}.doc-table th,.q-table th{background:var(--blue-light);color:var(--blue-dark);text-align:start;border:1px solid var(--line);white-space:nowrap;padding:10px 12px;font-weight:700}.doc-table td,.q-table td{border:1px solid var(--line);vertical-align:top;padding:9px 12px}.doc-table tr:nth-child(2n) td{background:#fafbfc}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.89rem}.center{text-align:center}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;margin-top:40px;padding:26px 0;font-size:.9rem}.footer a{color:var(--blue-dark);font-weight:600}.foot-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 20px;padding-bottom:12px;display:flex}.foot-nav a{font-weight:700}.footer a:hover{text-decoration:underline}