@import "https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";
:root{--red-600:#c82026;--red-700:#a81b20;--red-50:#fbefec;--grey-500:#8d8f92;--grey-300:#c7c8ca;--grey-150:#e9e9e9;--grey-100:#f1f1f2;--black-900:#1a1a1a;--white:#fff;--flag-green:#007a3d;--flag-red:#ce1126;--flag-black:#231f20;--color-primary:var(--red-600);--color-primary-strong:var(--red-700);--surface-page:var(--white);--surface-tint:var(--grey-100);--surface-row:var(--grey-150);--text-headline:var(--red-600);--text-strong:var(--black-900);--text-body:var(--black-900);--text-subtle:var(--grey-500);--text-on-primary:var(--white);--border-subtle:var(--grey-300);--font-display:"Baloo Bhaijaan 2", "IBM Plex Sans Arabic", sans-serif;--font-body:"IBM Plex Sans Arabic", sans-serif;--fs-hero:64px;--fs-title:40px;--fs-subtitle:24px;--fs-body:18px;--fs-caption:14px;--fw-display:700;--fw-body:400;--lh-tight:1.15;--lh-body:1.7;--ls-subtitle:.35em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--radius-0:0px;--radius-badge:2px;--page-pad:64px;--tick-w:10px;--tick-h:28px;--shadow-badge:0 6px 24px #1a1a1a2e;--tilt-badge:rotate(-4deg);--tilt-badge-back:rotate(3deg);--ease-brand:cubic-bezier(.4, 0, .2, 1);--dur-fast:.15s;--ui-field-border:#b9bbbe;--ui-field-bg:var(--white);--ui-focus:var(--red-600);--ui-focus-ring:0 0 0 3px #c8202647;--ui-danger:#c82026;--ui-danger-bg:#fdf0f0;--ui-success:#007a3d;--ui-success-bg:#eef6f1;--ui-warn:#8a6100;--ui-warn-bg:#fdf6e6;--ui-max:1080px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--surface-tint);color:var(--text-body);font-family:var(--font-body);font-size:17px;line-height:var(--lh-body);font-weight:var(--fw-body);margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:var(--lh-tight);margin:0 0 var(--sp-3)}p{margin:0 0 var(--sp-3)}a{color:var(--red-600);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--red-700)}img{max-width:100%;height:auto}.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.wrap{width:min(var(--ui-max), 100% - 2rem);margin-inline:auto}.section{padding-block:var(--sp-7)}.section--tint{background:var(--surface-tint)}.section--page{background:var(--surface-page)}.site-header{background:var(--surface-page);border-bottom:1px solid var(--border-subtle);z-index:20;position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--sp-3);padding-block:var(--sp-3);display:flex}.site-header__logo{flex:none;width:auto;height:46px}.site-header__titles{flex-direction:column;min-width:0;line-height:1.25;display:flex}.site-header__name{font-family:var(--font-display);color:var(--red-600);font-size:19px;font-weight:800}.site-header__sub{color:var(--text-subtle);letter-spacing:.06em;font-size:12px}.site-nav{gap:var(--sp-1);align-items:center;margin-inline-start:auto;display:flex}.site-nav a{color:var(--text-strong);padding:var(--sp-2) var(--sp-3);transition:color var(--dur-fast) var(--ease-brand), background var(--dur-fast) var(--ease-brand);font-size:15px;font-weight:600;text-decoration:none}.site-nav a:hover{background:var(--grey-150);color:var(--red-600)}.site-nav a[aria-current=page]{color:var(--red-600);box-shadow:inset 0 -3px 0 var(--red-600)}.nav-toggle{display:none}@media (max-width:760px){.site-header__sub,.site-nav{display:none}.site-nav.is-open{inset-inline:0;background:var(--surface-page);border-bottom:1px solid var(--border-subtle);padding:var(--sp-2);box-shadow:var(--shadow-badge);flex-direction:column;align-items:stretch;display:flex;position:absolute;top:100%}.nav-toggle{background:var(--grey-150);font-family:var(--font-display);padding:var(--sp-2) var(--sp-4);cursor:pointer;color:var(--text-strong);border:none;margin-inline-start:auto;font-size:15px;font-weight:700;display:block}}.flag-strip{direction:ltr;height:10px;display:flex}.flag-strip span:first-child{background:var(--flag-green);flex:2}.flag-strip span:nth-child(2){background:var(--flag-black);flex:1.4}.flag-strip span:nth-child(3){background:var(--flag-red);flex:1.4}.flag-strip span:nth-child(4){background:var(--flag-green);flex:.4}.section-title{margin-bottom:var(--sp-5)}.section-title__main{font-family:var(--font-display);font-weight:800;font-size:clamp(30px, 5vw, var(--fs-title));color:var(--text-headline);margin:0;line-height:1.05}.section-title__main--dark{color:var(--text-strong)}.section-title__sub{margin-top:var(--sp-1);letter-spacing:var(--ls-subtitle);color:var(--text-subtle);font-size:clamp(12px,2.2vw,15px)}.hero{background:var(--surface-page);text-align:center;padding-block:clamp(var(--sp-6), 7vw, var(--sp-8));position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(ellipse at 18% 28%, var(--grey-150) 0%, transparent 42%), radial-gradient(ellipse at 82% 72%, var(--grey-150) 0%, transparent 46%);opacity:.7;pointer-events:none;position:absolute;inset:0}.hero>*{position:relative}.hero__logo{width:auto;height:clamp(96px,18vw,150px);margin-bottom:var(--sp-4)}.hero__title{font-family:var(--font-display);font-weight:800;font-size:clamp(40px, 9vw, var(--fs-hero));color:var(--text-headline);margin:0;line-height:1.05}.hero__lede{color:var(--text-subtle);margin:var(--sp-3) auto 0;max-width:44ch;font-size:clamp(15px,2.6vw,20px)}.hero__facts{justify-content:center;gap:var(--sp-2);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.fact{background:var(--grey-150);padding:var(--sp-2) var(--sp-4);color:var(--text-strong);font-size:15px;font-weight:600}.fact strong{color:var(--red-600)}.hero__cta{margin-top:var(--sp-6);gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:var(--font-display);border-radius:var(--radius-0);cursor:pointer;transition:background var(--dur-fast) var(--ease-brand), color var(--dur-fast) var(--ease-brand);border:none;padding:10px 28px;font-size:17px;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex}.btn--lg{padding:14px 36px;font-size:20px}.btn--sm{padding:6px 18px;font-size:14px}.btn--primary{background:var(--red-600);color:var(--text-on-primary)}.btn--primary:hover{background:var(--red-700);color:var(--text-on-primary)}.btn--secondary{background:var(--grey-150);color:var(--text-strong)}.btn--secondary:hover{background:var(--grey-300);color:var(--text-strong)}.btn--ghost{color:var(--red-600);box-shadow:inset 0 0 0 2px var(--red-600);background:0 0}.btn--ghost:hover{background:var(--red-50)}.btn--danger{color:var(--ui-danger);box-shadow:inset 0 0 0 1px var(--ui-danger);background:0 0}.btn--danger:hover{background:var(--ui-danger-bg)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.btn--block{width:100%}.card{background:var(--surface-page);border:1px solid var(--border-subtle);border-radius:var(--radius-0);padding:var(--sp-5)}.card+.card{margin-top:var(--sp-4)}.card__title{font-family:var(--font-display);color:var(--text-strong);margin:0 0 var(--sp-2);font-size:20px;font-weight:700}.grid{gap:var(--sp-4);display:grid}@media (min-width:720px){.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}}.field{margin-bottom:var(--sp-4);flex-direction:column;gap:6px;display:flex}.field>label{color:var(--text-strong);font-size:15px;font-weight:600}.req{color:var(--red-600)}.input,.select,.textarea{font-family:var(--font-body);color:var(--text-body);background:var(--ui-field-bg);border:1px solid var(--ui-field-border);border-radius:var(--radius-0);padding:11px var(--sp-3);width:100%;transition:border-color var(--dur-fast) var(--ease-brand), box-shadow var(--dur-fast) var(--ease-brand);font-size:16px}.input:focus,.select:focus,.textarea:focus{border-color:var(--ui-focus);box-shadow:var(--ui-focus-ring);outline:none}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--ui-danger)}.input:disabled,.select:disabled{background:var(--grey-100);color:var(--text-subtle)}.textarea{resize:vertical;min-height:90px}.hint{color:var(--text-subtle);font-size:13px}.field-error{color:var(--ui-danger);font-size:13px;font-weight:600}.fieldset{border:none;border-top:2px solid var(--red-600);padding:var(--sp-4) 0 0;margin:0 0 var(--sp-6)}.fieldset>legend{font-family:var(--font-display);color:var(--text-strong);padding-inline-end:var(--sp-3);font-size:19px;font-weight:700}.form-row{gap:var(--sp-3);display:grid}@media (min-width:640px){.form-row--2{grid-template-columns:repeat(2,1fr)}.form-row--3{grid-template-columns:repeat(3,1fr)}}.form-actions{align-items:center;gap:var(--sp-4);margin-top:var(--sp-5);flex-wrap:wrap;display:flex}.racer{border:1px solid var(--border-subtle);border-inline-start:4px solid var(--red-600);padding:var(--sp-4);margin-bottom:var(--sp-4);background:var(--surface-page)}.racer__head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3);display:flex}.racer__num{background:var(--red-600);color:var(--white);font-family:var(--font-display);flex:none;place-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:grid}.racer__title{font-family:var(--font-display);color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.racer__remove{flex:none;margin-inline-start:auto}.cat-badge{padding:9px var(--sp-3);background:var(--grey-100);border:1px dashed var(--border-subtle);color:var(--text-subtle);align-content:center;min-height:44px;font-size:14px;font-weight:600;display:inline-block}.cat-badge--set{background:var(--red-50);border:1px solid var(--red-600);color:var(--red-700);border-style:solid}.cat-badge--error{background:var(--ui-danger-bg);border:1px solid var(--ui-danger);color:var(--ui-danger)}.pill{background:var(--grey-150);color:var(--text-strong);padding:2px 10px;font-size:13px;font-weight:600;display:inline-block}.pill--paid{background:var(--ui-success-bg);color:var(--ui-success)}.pill--unpaid{background:var(--ui-warn-bg);color:var(--ui-warn)}.pill--withdrawn{background:var(--grey-150);color:var(--text-subtle);text-decoration:line-through}.alert{padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border-inline-start:5px solid;font-size:15px;font-weight:600}.alert--error{background:var(--ui-danger-bg);border-color:var(--ui-danger);color:#8f1519}.alert--success{background:var(--ui-success-bg);border-color:var(--ui-success);color:#0a5d31}.alert--info{background:var(--grey-100);border-color:var(--grey-500);color:var(--text-strong)}.alert--warn{background:var(--ui-warn-bg);border-color:var(--ui-warn);color:var(--ui-warn)}.rule-list{gap:var(--sp-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rule-list li{gap:var(--sp-3);align-items:flex-start;display:flex}.rule-list li:before{content:"";width:var(--tick-w);background:var(--red-600);flex:none;height:22px;margin-top:6px;transform:skewY(-6deg)}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:15px}thead th{text-align:start;font-family:var(--font-display);color:var(--white);background:var(--red-600);padding:var(--sp-2) var(--sp-3);font-size:14px;font-weight:700;position:sticky;top:0}tbody td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--grey-150)}tbody tr:nth-child(2n){background:linear-gradient(to left, var(--surface-row), transparent)}.cat-name{font-family:var(--font-display);color:var(--red-600);font-weight:700}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background:var(--red-700)}.stats{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.stat{background:var(--surface-page);border:1px solid var(--border-subtle);padding:var(--sp-4);text-align:center}.stat__n{font-family:var(--font-display);color:var(--red-600);font-size:30px;font-weight:800;line-height:1.1}.stat__l{color:var(--text-subtle);font-size:13px}.toolbar{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.toolbar .input,.toolbar .select{flex:180px;width:auto}.success-box{text-align:center;border-top:5px solid var(--flag-green)}.success-box__tick{width:54px;height:54px;margin:0 auto var(--sp-3);background:var(--flag-green);color:var(--white);place-items:center;font-size:30px;font-weight:700;display:grid}.ref-number{font-family:var(--font-display);color:var(--red-600);letter-spacing:.08em;padding:var(--sp-3);background:var(--grey-100);margin:var(--sp-3) 0;direction:ltr;font-size:clamp(26px,6vw,38px);font-weight:800}.site-footer{background:var(--surface-page);border-top:1px solid var(--border-subtle);padding-block:var(--sp-6);text-align:center;color:var(--text-subtle);font-size:14px}.site-footer img{width:auto;height:76px;margin-bottom:var(--sp-3)}.footer-bar{margin-top:var(--sp-4);direction:ltr;align-items:stretch;display:inline-flex}.footer-bar__mark{background:var(--red-600);width:8px}.footer-bar__body{background:var(--surface-tint);color:var(--text-strong);padding:7px 18px;font-size:15px}.footer-bar__body a{color:var(--red-600);text-decoration:none}.hidden{display:none!important}.muted{color:var(--text-subtle)}.stack>*+*{margin-top:var(--sp-4)}.text-center{text-align:center}.spinner{border:2px solid;border-top-color:#0000;width:15px;height:15px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-nav,.toolbar,.btn{display:none!important}body{background:#fff}}