:root{--color-bg: #fafaf8;--color-surface: #ffffff;--color-surface-muted: #f3f3f0;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e7e7e2;--color-accent: #0e7a5f;--color-accent-hover: #0b6a51;--color-accent-soft: #eaf4f0;--color-accent-tint: #d9ece5;--color-error: #b3261e;--color-error-soft: #fbeae9;--font-display: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-arabic: "Amiri", "Noto Naskh Arabic", "Traditional Arabic", serif;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(17 24 39 / .05), 0 1px 3px rgb(17 24 39 / .06);--shadow-md: 0 10px 25px -6px rgb(17 24 39 / .14);--shadow-lg: 0 22px 45px -12px rgb(17 24 39 / .18);--container: 76rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-text)}p{text-wrap:pretty}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:var(--color-accent);-webkit-tap-highlight-color:transparent}::selection{background:var(--color-accent-soft);color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:200;padding:.6rem 1rem;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-200%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}[data-tip]{position:relative}[data-tip]:before,[data-tip]:after{position:absolute;z-index:300;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease .24s,transform .14s ease .24s,visibility 0s linear .38s}[data-tip]:before{content:attr(data-tip);top:calc(100% + .55rem);left:50%;transform:translate(-50%) translateY(-.2rem) scale(.96);padding:.35rem .65rem;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-surface);font-size:.72rem;font-weight:600;line-height:1.3;letter-spacing:.01em;white-space:nowrap;box-shadow:var(--shadow-md)}[data-tip]:after{content:"";top:calc(100% + .4rem);left:50%;transform:translate(-50%) rotate(45deg);width:.55rem;height:.55rem;background:var(--color-text)}@media(hover:hover){[data-tip]:hover:before,[data-tip]:hover:after,[data-tip]:focus-visible:before,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transition:opacity .14s ease,transform .14s ease,visibility 0s linear 0s}[data-tip]:hover:before,[data-tip]:focus-visible:before{transform:translate(-50%) translateY(0) scale(1)}}.dock [data-tip]:before{top:auto;bottom:calc(100% + .55rem)}.dock [data-tip]:after{top:auto;bottom:calc(100% + .4rem)}@media(max-width:1023px){::-webkit-scrollbar{display:none}html,body{scrollbar-width:none;-ms-overflow-style:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}