@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-arabic-arabic-400-normal-HDFIX7LY.woff2") format("woff2"),url("./media/ibm-plex-sans-arabic-arabic-400-normal-N4DMJBB5.woff") format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url("./media/ibm-plex-sans-arabic-latin-400-normal-W2AG3YJR.woff2") format("woff2"),url("./media/ibm-plex-sans-arabic-latin-400-normal-7WCZAUHA.woff") format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-arabic-arabic-600-normal-LS4CIPTS.woff2") format("woff2"),url("./media/ibm-plex-sans-arabic-arabic-600-normal-USVRKN2F.woff") format("woff")}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url("./media/ibm-plex-sans-arabic-latin-600-normal-XUUOQ5DA.woff2") format("woff2"),url("./media/ibm-plex-sans-arabic-latin-600-normal-ZE5R3UMF.woff") format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:500;src:url("./media/readex-pro-arabic-500-normal-SI633V3S.woff2") format("woff2"),url("./media/readex-pro-arabic-500-normal-RUV3FF2S.woff") format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:500;src:url("./media/readex-pro-latin-500-normal-3VVVDM7K.woff2") format("woff2"),url("./media/readex-pro-latin-500-normal-7QFROG2Y.woff") format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:700;src:url("./media/readex-pro-arabic-700-normal-3K7YYOW6.woff2") format("woff2"),url("./media/readex-pro-arabic-700-normal-46JUHBIB.woff") format("woff")}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:700;src:url("./media/readex-pro-latin-700-normal-U4OPN2BP.woff2") format("woff2"),url("./media/readex-pro-latin-700-normal-Y5PQVR7L.woff") format("woff")}:root{--color-primary: #0e1030;--color-accent: #2ee59d;--color-surface: #1b1f4a;--color-light: #eaf0f7;--color-text-on-dark: #ffffff;--color-muted-on-dark: #c9cce3;--color-muted-on-light: #3a3f63;--font-display: "Readex Pro", system-ui, sans-serif;--font-body: "IBM Plex Sans Arabic", system-ui, sans-serif}:root{--color-border-on-dark: rgb(201 204 227 / 22%);--color-surface-raised: #252a5c;--color-accent-soft: rgb(46 229 157 / 12%);--color-danger: #ff8a8a;--color-warning: #ffc857;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--container: 1120px;--touch: 44px;--shadow-card: 0 8px 24px rgb(0 0 0 / 25%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}body{margin:0;min-height:100vh;background:var(--color-primary);color:var(--color-text-on-dark);font-family:var(--font-body);font-size:1rem;line-height:1.7}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.3;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-4)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--color-muted-on-dark)}.ltr{direction:ltr;unicode-bidi:isolate}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch);min-width:var(--touch);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:2px solid transparent;font-family:var(--font-display);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,transform .1s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-accent);color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:#5cecb4}.btn--outline{background:transparent;color:var(--color-text-on-dark);border-color:var(--color-muted-on-dark)}.btn--outline:hover:not(:disabled){border-color:var(--color-text-on-dark);background:#ffffff0f}.btn--ghost{background:transparent;color:var(--color-text-on-dark);padding-inline:var(--space-3)}.btn--ghost:hover:not(:disabled){background:#ffffff14}.btn--block{width:100%}.btn--lg{min-height:52px;font-size:1.0625rem}.card{background:var(--color-surface);border:1px solid var(--color-border-on-dark);border-radius:var(--radius-lg);padding:var(--space-5)}.section{padding-block:var(--space-7)}.section__title{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem);margin-bottom:var(--space-5)}.field{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.field label{font-weight:600}.field__hint{font-size:.875rem;color:var(--color-muted-on-dark)}.field__error{font-size:.9rem;color:var(--color-danger)}.input{width:100%;min-height:var(--touch);padding:var(--space-3) var(--space-4);background:var(--color-primary);border:1.5px solid var(--color-border-on-dark);border-radius:var(--radius-md)}.input:focus-visible{border-color:var(--color-accent);outline-offset:1px}.input[aria-invalid=true]{border-color:var(--color-danger)}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--space-4)}.alert--error{border-color:var(--color-danger);color:var(--color-danger);background:#ff8a8a14}.alert--warning{border-color:var(--color-warning);color:var(--color-warning);background:#ffc85714}.alert--info{border-color:var(--color-border-on-dark);color:var(--color-muted-on-dark)}.badge{display:inline-block;padding:2px var(--space-3);border-radius:999px;background:var(--color-accent);color:var(--color-primary);font-size:.8rem;font-weight:600}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-raised) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton 1.4s infinite;border-radius:var(--radius-lg)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}