@charset "UTF-8";:root{--brand-navy: #07192F;--brand-gold: #C89B3C;--brand-gold-hover: #B4872E;--brand-navy-800: #0C2340;--brand-navy-600: #163257;--accent-court: #A8C93A;--surface: #FFFFFF;--surface-muted: #F4F6F9;--surface-raised: #FFFFFF;--border: #E2E7EE;--text: #0B1B2B;--text-muted: #5A6B7B;--text-on-navy: #EAF0F7;--text-on-gold: #1A1206;--success: #2E9E6B;--warning: #E0A100;--danger: #D64545;--info: #2F6FED;--tier-pro: #C89B3C;--tier-elite: #8E9BB3;--tier-masters: #6E4AC8;--font-arabic: "Cairo", "Tajawal", "IBM Plex Sans Arabic", "Segoe UI", system-ui, sans-serif;--font-latin: "Inter", "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-sans: var(--font-latin);--fs-display: 2.5rem;--fs-h1: 2rem;--fs-h2: 1.5rem;--fs-h3: 1.25rem;--fs-h4: 1.125rem;--fs-body: 1rem;--fs-caption: .8125rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgba(7, 25, 47, .06), 0 1px 3px rgba(7, 25, 47, .1);--shadow-2: 0 4px 12px rgba(7, 25, 47, .1);--shadow-nav: 0 8px 24px rgba(7, 25, 47, .16);--ease: cubic-bezier(.2, 0, 0, 1);--dur-fast: .12s;--dur: .2s;color-scheme:light}:root[data-theme=dark]{--surface: #0E2137;--surface-muted: #0A1B2E;--surface-raised: #142A45;--border: #24405F;--text: #E7EEF6;--text-muted: #9FB2C6;--text-on-navy: #EAF0F7;--success: #3FBF83;--warning: #F0B429;--danger: #F26B6B;--info: #5B93F5;--shadow-1: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .45);--shadow-2: 0 6px 16px rgba(0, 0, 0, .45);--shadow-nav: 0 10px 30px rgba(0, 0, 0, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.5;color:var(--text);background:var(--surface-muted);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir=rtl] body{font-family:var(--font-arabic)}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:1.2;font-weight:var(--fw-semibold)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}a{color:var(--brand-gold-hover);text-decoration:none}a:hover{text-decoration:underline}.tnum,.data-figure{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:focus-visible{outline:3px solid var(--brand-gold);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:var(--space-4)}.card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-5)}.btn{--btn-bg: var(--brand-gold);--btn-fg: var(--text-on-gold);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding-inline:var(--space-5);padding-block:var(--space-2);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.btn:hover{--btn-bg: var(--brand-gold-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--text);border-color:var(--border)}.btn--on-navy{--btn-fg: var(--text-on-navy);border-color:var(--brand-navy-600);background:transparent}.btn--on-navy:hover{--btn-bg: var(--brand-navy-600)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding-inline:var(--space-3);padding-block:2px;border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold)}.badge--ok{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.badge--warn{background:color-mix(in srgb,var(--warning) 18%,transparent);color:#8a6400}.badge--danger{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes yp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes yp-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes yp-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes yp-pop{0%{transform:scale(.9)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes yp-spin{to{transform:rotate(360deg)}}@keyframes yp-skeleton{to{transform:translate(100%)}}@keyframes yp-shine{to{transform:translate(120%)}}.reveal{animation:yp-fade-up .52s var(--ease) both}.reveal-fade{animation:yp-fade-in .52s var(--ease) both}.reveal-scale{animation:yp-scale-in .42s var(--ease) both}.stagger>*{animation:yp-fade-up .5s var(--ease) both}.stagger>*:nth-child(1){animation-delay:30ms}.stagger>*:nth-child(2){animation-delay:80ms}.stagger>*:nth-child(3){animation-delay:.13s}.stagger>*:nth-child(4){animation-delay:.18s}.stagger>*:nth-child(5){animation-delay:.23s}.stagger>*:nth-child(6){animation-delay:.28s}.stagger>*:nth-child(7){animation-delay:.33s}.stagger>*:nth-child(8){animation-delay:.38s}.stagger>*:nth-child(9){animation-delay:.43s}.stagger>*:nth-child(n+10){animation-delay:.48s}.skeleton{position:relative;overflow:hidden;background:var(--surface-muted);border-radius:var(--radius-md)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,#fff 55%,transparent),transparent);animation:yp-skeleton 1.3s infinite}[dir=rtl] .skeleton:after{animation-direction:reverse}.skeleton--text{block-size:.8em;margin-block:.35em;border-radius:var(--radius-sm)}.skeleton--title{block-size:1.4em;inline-size:45%;border-radius:var(--radius-sm)}.skeleton--block{block-size:120px}.skeleton--avatar{inline-size:48px;block-size:48px;border-radius:50%}.spinner{display:inline-block;inline-size:20px;block-size:20px;vertical-align:-4px;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-block-start-color:currentColor;border-radius:50%;animation:yp-spin .7s linear infinite}.card{transition:box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}a.card,.card--interactive{cursor:pointer}a.card:hover,.card--interactive:hover{transform:translateY(-3px);box-shadow:var(--shadow-nav);border-color:color-mix(in srgb,var(--brand-gold) 45%,var(--border));text-decoration:none}.btn{position:relative;overflow:hidden;box-shadow:var(--shadow-1)}.btn:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translate(-120%);background:linear-gradient(120deg,transparent 30%,color-mix(in srgb,#fff 30%,transparent) 50%,transparent 70%)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.btn:hover:after{animation:yp-shine .62s var(--ease)}.btn:active{transform:translateY(1px);box-shadow:none}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:yp-fade-in .18s var(--ease) reverse}::view-transition-new(root){animation:yp-fade-up .34s var(--ease)}}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--brand-navy) 35%,transparent) transparent}::-webkit-scrollbar{inline-size:10px;block-size:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand-navy) 28%,transparent);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--brand-navy) 45%,transparent);background-clip:padding-box}html{scroll-behavior:smooth}