@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9da48a48bf6500f8-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9efac92d680e57b6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1323037a3e4ea9e8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/17efc7caebbb6a73-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f022b1629605b85c-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/18d6d756b83deaa1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/101eb3c626c8a0e0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b729ad8c86c7d641-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4efb0298547fad0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3d28d0a4af5320e-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b096b166d47a2e73-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/79d9077e4fd7eddc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fb66eb17bf011c3b-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3abc2a74bccacda0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/20e170e88a69dd27-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/99dc19e540dbb87b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local("Arial");ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.00%;size-adjust:101.17%}.__className_f9ef76{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.__variable_f9ef76{--font-arabic:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_4dc837{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_4dc837{--font-code:"JetBrains Mono","JetBrains Mono Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:var(--font-arabic),system-ui,sans-serif;--font-mono:var(--font-code),ui-monospace,monospace;--spacing:.25rem;--container-3xl:48rem;--container-6xl:72rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-bold:700;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--default-font-family:var(--font-arabic),system-ui,sans-serif;--default-mono-font-family:var(--font-code),ui-monospace,monospace}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/5\]{aspect-ratio:4/5}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-ink{border-color:var(--text)}.bg-paper{background-color:var(--bg)}.object-cover{object-fit:cover}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.ps-5{padding-inline-start:calc(var(--spacing) * 5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.text-center{text-align:center}.font-mono{font-family:var(--font-code),ui-monospace,monospace}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.text-ink{color:var(--text)}.text-ink-soft{color:var(--text-soft)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\:grid-cols-\[8rem_1fr\]{grid-template-columns:8rem 1fr}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-12{top:calc(var(--spacing) * 12)}.lg\:grid-cols-\[18rem_1fr\]{grid-template-columns:18rem 1fr}.lg\:self-start{align-self:flex-start}.lg\:py-20{padding-block:calc(var(--spacing) * 20)}}}:root[data-site=personal]{--bg:#0b0f19;--surface:#161f30;--accent:#00d2b4;--cta:#ff5c35;--text:#e6edf3;--text-soft:#9aa7b8;--border:#24314a;--light:#e6edf3;--light-surface:#fff;--light-text:#0b0f19;--light-soft:#4a5568;--light-border:#c5d0dc;--accent-ink:#006b5d;--emerald:#0e3a2f;--amber:#e58a1f;--ease:cubic-bezier(.2,.8,.2,1);--r-card:12px;--r-btn:8px;--f-ar:"IBM Plex Sans Arabic",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}:root[data-site=personal] *{box-sizing:border-box}:root[data-site=personal] body{background:var(--bg);margin:0}:root[data-site=personal] a{color:inherit;text-decoration:none}:root[data-site=personal] a:not(.btn):hover{color:inherit}:root[data-site=personal] .site{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--f-ar);font-size:18px;line-height:1.7}:root[data-site=personal] .mono{font-family:var(--f-mono)}:root[data-site=personal] .wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:80px}:root[data-site=personal] .narrow{max-width:880px;margin-inline:auto}:root[data-site=personal] .ic{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}:root[data-site=personal] .soft{color:var(--text-soft)}:root[data-site=personal] .cy{color:var(--accent)}:root[data-site=personal] .sec{padding-block:120px}:root[data-site=personal] .sec-sm{padding-block:72px}:root[data-site=personal] .line-t{border-top:1px solid var(--border)}:root[data-site=personal] .line-b{border-bottom:1px solid var(--border)}:root[data-site=personal] .h-xl{letter-spacing:-.01em;margin:0;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:1.25}:root[data-site=personal] .h-l{margin:0;font-size:clamp(34px,4.2vw,56px);font-weight:700;line-height:1.3}:root[data-site=personal] .h-m{margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.38}:root[data-site=personal] .h-s{margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:600;line-height:1.45}:root[data-site=personal] .lead{color:var(--text-soft);font-size:clamp(18px,1.6vw,22px);line-height:1.8}:root[data-site=personal] .eyebrow{font-family:var(--f-mono);letter-spacing:.12em;color:var(--accent);align-items:center;gap:12px;margin:0 0 20px;font-size:14px;display:flex}:root[data-site=personal] .eyebrow:before{content:"";background:currentColor;width:28px;height:1px}:root[data-site=personal] .light{background:var(--light);color:var(--light-text)}:root[data-site=personal] .light .lead,:root[data-site=personal] .light .soft{color:var(--light-soft)}:root[data-site=personal] .light .cy,:root[data-site=personal] .light .eyebrow{color:var(--accent-ink)}:root[data-site=personal] .light .line-b,:root[data-site=personal] .light .line-t{border-color:var(--light-border)}:root[data-site=personal] .emerald{background:var(--emerald);color:#f8f9fa}:root[data-site=personal] .emerald .soft{color:#b8ccc5}:root[data-site=personal] .gridbg{background-image:linear-gradient(var(--surface) 1px,transparent 1px),linear-gradient(90deg,var(--surface) 1px,transparent 1px);background-size:64px 64px}:root[data-site=personal] .btn{isolation:isolate;border-radius:var(--r-btn);min-height:52px;font:600 17px/1.4 var(--f-ar);cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:12px;padding:0 24px;transition:color .3s,border-color .3s,transform .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}:root[data-site=personal] .btn:before{content:"";z-index:-1;left:var(--x,50%);top:var(--y,50%);background:var(--bloom);width:0;height:0;transition:width .4s var(--ease),height .4s var(--ease);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}:root[data-site=personal] .btn:active:before,:root[data-site=personal] .btn:focus-visible:before,:root[data-site=personal] .btn:hover:before{width:720px;height:720px}:root[data-site=personal] .btn:active{transform:scale(.97)}:root[data-site=personal] .btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}:root[data-site=personal] .btn .ic{transition:transform .3s var(--ease)}:root[data-site=personal] .btn:hover .ic{transform:translate(-5px)}:root[data-site=personal] .btn[disabled]{opacity:.45;cursor:not-allowed}:root[data-site=personal] .btn[disabled]:before{display:none}:root[data-site=personal] .btn-coral{background:var(--cta);color:var(--bg);--bloom:var(--text)}:root[data-site=personal] .btn-coral:hover{color:var(--bg)}:root[data-site=personal] .btn-ghost{color:var(--text);border-color:var(--border);--bloom:var(--accent);background:0 0}:root[data-site=personal] .btn-ghost:active,:root[data-site=personal] .btn-ghost:hover{color:var(--bg);border-color:var(--accent)}:root[data-site=personal] .btn-ghost-coral{color:var(--text);border-color:var(--border);--bloom:var(--cta);background:0 0}:root[data-site=personal] .btn-ghost-coral:hover{color:var(--bg);border-color:var(--cta)}:root[data-site=personal] .btn-dark{background:var(--bg);color:var(--text);--bloom:var(--accent)}:root[data-site=personal] .btn-dark:hover{color:var(--bg)}:root[data-site=personal] .btn-amber{background:var(--amber);color:#0b1f19;--bloom:#f8f9fa}:root[data-site=personal] .light .btn-ghost{color:var(--light-text);border-color:var(--light-border);--bloom:var(--light-text)}:root[data-site=personal] .light .btn-ghost:hover{color:var(--light);border-color:var(--light-text)}:root[data-site=personal] .btn-sm{min-height:44px;padding:0 18px;font-size:16px}:root[data-site=personal] .btn-lg{min-height:64px;padding:0 36px;font-size:20px}:root[data-site=personal] .btn-block{width:100%}:root[data-site=personal] .spin{border:2px solid;border-left:2px solid #0000;border-radius:50%;width:18px;height:18px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}:root[data-site=personal] .tlink{align-items:center;gap:10px;min-height:44px;font-size:17px;font-weight:600;display:inline-flex;position:relative}:root[data-site=personal] .tlink:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .35s var(--ease);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(.25)}:root[data-site=personal] .tlink:hover:after{transform:scaleX(1)}:root[data-site=personal] .tlink .ic{transition:transform .3s var(--ease)}:root[data-site=personal] .tlink:hover .ic{transform:translate(-6px)}:root[data-site=personal] .light .tlink:after{background:var(--light-text)}:root[data-site=personal] .iconbtn{border-radius:var(--r-btn);border:1px solid var(--border);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:border-color .25s,background .25s,color .25s;display:inline-flex}:root[data-site=personal] .iconbtn:hover{border-color:var(--accent);color:var(--accent)}:root[data-site=personal] .hdr{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}:root[data-site=personal] .hdr-in{justify-content:space-between;align-items:center;gap:32px;height:80px;display:flex}:root[data-site=personal] .brand{align-items:center;gap:12px;display:flex}:root[data-site=personal] .nav{gap:32px;display:flex}:root[data-site=personal] .nav-a{color:var(--text-soft);padding:12px 0;font-size:16px;transition:color .25s;position:relative}:root[data-site=personal] .nav-a:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:6px;right:0;transform:scaleX(0)}:root[data-site=personal] .nav-a:hover{color:var(--text)}:root[data-site=personal] .nav-a.on:after,:root[data-site=personal] .nav-a:hover:after{transform:scaleX(1)}:root[data-site=personal] .nav-a.on{color:var(--text)}:root[data-site=personal] .sheet{z-index:30;background:var(--bg);border-bottom:1px solid var(--border);animation:drop .3s var(--ease) both;padding:8px 20px 24px;position:absolute;top:72px;left:0;right:0}:root[data-site=personal] .sheet a{border-bottom:1px solid var(--surface);justify-content:space-between;align-items:center;min-height:56px;font-size:20px;font-weight:600;display:flex}:root[data-site=personal] .ftr{border-top:1px solid var(--border)}:root[data-site=personal] .foot-a{color:var(--text-soft);padding:8px 0;font-size:16px;transition:color .25s}:root[data-site=personal] .foot-a:hover{color:var(--text)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes unveil{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes blink{50%{opacity:0}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}:root[data-site=personal] .in{animation:rise .4s var(--ease) both}:root[data-site=personal] .d1{animation-delay:60ms}:root[data-site=personal] .d2{animation-delay:.14s}:root[data-site=personal] .d3{animation-delay:.22s}:root[data-site=personal] .d4{animation-delay:.3s}:root[data-site=personal] .d5{animation-delay:.38s}:root[data-site=personal] .unveil{animation:unveil .4s .2s var(--ease) both}:root[data-site=personal] .pop{animation:pop .3s var(--ease) both}:root[data-site=personal] .live{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative}:root[data-site=personal] .live:after{content:"";border:1px solid var(--accent);border-radius:50%;animation:ring 2s ease-out infinite;position:absolute;inset:0}:root[data-site=personal] .caret{background:var(--accent);vertical-align:-.08em;width:3px;height:.9em;margin-inline-start:8px;animation:blink 1s step-end infinite;display:inline-block}@supports (animation-timeline:view()){:root[data-site=personal] .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry cover 22%}}:root[data-site=personal] .split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:80px;display:grid}:root[data-site=personal] .split-r{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:72px;display:grid}:root[data-site=personal] .g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}:root[data-site=personal] .g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}:root[data-site=personal] .g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}:root[data-site=personal] .sticky{position:sticky;top:104px}:root[data-site=personal] .row{align-items:center;gap:16px;display:flex}:root[data-site=personal] .between{justify-content:space-between;align-items:center;gap:24px;display:flex}:root[data-site=personal] .wrapx{flex-wrap:wrap}:root[data-site=personal] .m-only{display:none!important}:root[data-site=personal] .card{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);color:var(--text);transition:border-color .3s,transform .3s var(--ease);flex-direction:column;gap:20px;padding:28px;display:flex;position:relative}:root[data-site=personal] .card.hov:hover,:root[data-site=personal] a.card:hover{border-color:var(--accent);transform:translateY(-4px)}:root[data-site=personal] .light .card{background:var(--light-surface);border-color:var(--light-border);color:var(--light-text)}:root[data-site=personal] .light a.card:hover{border-color:var(--light-text)}:root[data-site=personal] .tag{border:1px solid var(--border);height:28px;color:var(--text-soft);white-space:nowrap;border-radius:6px;align-items:center;padding:0 10px;font-size:14px;display:inline-flex}:root[data-site=personal] .light .tag{border-color:var(--light-border);color:var(--light-soft)}:root[data-site=personal] .pill{border-radius:var(--r-btn);border:1px solid var(--border);min-height:44px;color:var(--text-soft);font:500 16px var(--f-ar);cursor:pointer;white-space:nowrap;background:0 0;padding:0 18px;line-height:1.4;transition:all .25s}:root[data-site=personal] .pill:hover{border-color:var(--accent);color:var(--text)}:root[data-site=personal] .pill.on{background:var(--text);border-color:var(--text);color:var(--bg)}:root[data-site=personal] .light .pill{border-color:var(--light-border);color:var(--light-soft)}:root[data-site=personal] .light .pill:hover{border-color:var(--light-text);color:var(--light-text)}:root[data-site=personal] .light .pill.on{background:var(--light-text);border-color:var(--light-text);color:var(--light)}:root[data-site=personal] .screen{background:var(--bg);border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden}:root[data-site=personal] .result{font-family:var(--f-mono);color:var(--accent);font-weight:500;line-height:1}:root[data-site=personal] .photo{border-radius:var(--r-card);border:1px solid var(--border);background:var(--surface);margin:0;position:relative;overflow:hidden}:root[data-site=personal] .photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}:root[data-site=personal] .photo:hover img{transform:scale(1.03)}:root[data-site=personal] .photo figcaption{background:var(--bg);border:1px solid var(--border);font:12px var(--f-mono);color:var(--text-soft);border-radius:6px;padding:5px 10px;position:absolute;bottom:12px;right:12px}:root[data-site=personal] .slot{text-align:center;border:1px dashed var(--border);border-radius:var(--r-card);color:var(--text-soft);background-color:var(--surface);background-image:repeating-linear-gradient(135deg,#0000 0 14px,#24314a8c 14px 15px);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:15px;display:flex}:root[data-site=personal] .light .slot{border-color:var(--light-border);color:var(--light-soft);background-color:#dce3eb;background-image:repeating-linear-gradient(135deg,#0000 0 14px,#c5d0dce6 14px 15px)}:root[data-site=personal] .crop{border-color:var(--accent);border-style:solid;border-width:0;width:20px;height:20px;position:absolute}:root[data-site=personal] .lrow{isolation:isolate;border-top:1px solid var(--border);align-items:center;gap:24px;padding:28px 24px;transition:color .3s;display:grid;position:relative;overflow:hidden}:root[data-site=personal] .lrow:last-child{border-bottom:1px solid var(--border)}:root[data-site=personal] .lrow:before{content:"";z-index:-1;left:var(--x,50%);top:var(--y,50%);background:var(--surface);width:0;height:0;transition:width .45s var(--ease),height .45s var(--ease);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}:root[data-site=personal] .lrow:hover:before{width:2200px;height:2200px}:root[data-site=personal] .lrow .go{border-radius:var(--r-btn);border:1px solid var(--border);width:48px;height:48px;color:var(--text-soft);transition:all .3s var(--ease);justify-content:center;align-items:center;display:flex}:root[data-site=personal] .lrow:hover .go{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:translate(-6px)}:root[data-site=personal] .lrow .num{color:var(--text-soft);transition:color .3s}:root[data-site=personal] .lrow:hover .num{color:var(--accent)}:root[data-site=personal] .light .lrow{border-color:var(--light-border)}:root[data-site=personal] .light .lrow:before{background:var(--light-text)}:root[data-site=personal] .light .lrow:hover{color:var(--light)}:root[data-site=personal] .light .lrow .go{border-color:var(--light-border);color:var(--light-soft)}:root[data-site=personal] .light .lrow:hover .go{background:var(--cta);border-color:var(--cta);color:var(--bg)}:root[data-site=personal] .light .lrow .num{color:var(--light-soft)}:root[data-site=personal] .light .lrow:hover .num{color:var(--accent)}:root[data-site=personal] .light .lrow .soft{transition:color .3s}:root[data-site=personal] .light .lrow:hover .soft{color:var(--text-soft)}:root[data-site=personal] .tl{border-top:1px solid var(--border);grid-template-columns:200px minmax(0,1fr);gap:40px;padding-block:36px;display:grid}:root[data-site=personal] .tl .yr{font-family:var(--f-mono);color:var(--text-soft);font-size:40px;line-height:1;transition:color .3s}:root[data-site=personal] .tl:hover .yr{color:var(--accent)}:root[data-site=personal] .light .tl{border-color:var(--light-border)}:root[data-site=personal] .light .tl .yr{color:var(--light-soft)}:root[data-site=personal] .light .tl:hover .yr{color:var(--accent-ink)}:root[data-site=personal] ul.dots{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}:root[data-site=personal] ul.dots li{padding-inline-start:20px;position:relative}:root[data-site=personal] ul.dots li:before{content:"";background:var(--accent);width:8px;height:1px;position:absolute;top:.75em;right:0}:root[data-site=personal] .light ul.dots li:before{background:var(--accent-ink)}:root[data-site=personal] .field{flex-direction:column;gap:8px;display:flex}:root[data-site=personal] .label{font-size:15px;font-weight:600}:root[data-site=personal] .hint{color:var(--text-soft);font-size:14px}:root[data-site=personal] .input{border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);width:100%;min-height:52px;color:var(--text);font:400 17px var(--f-ar);outline:none;padding:0 16px;transition:border-color .25s,box-shadow .25s}:root[data-site=personal] textarea.input{resize:vertical;min-height:160px;padding:14px 16px;line-height:1.7}:root[data-site=personal] .input::placeholder{color:#6b788c}:root[data-site=personal] .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d2b42e}:root[data-site=personal] .input.err{border-color:var(--cta)}:root[data-site=personal] .input.ok{border-color:var(--accent)}:root[data-site=personal] .err-t{color:#ff8a6b;font-size:14px}:root[data-site=personal] .chips{flex-wrap:wrap;gap:8px;display:flex}:root[data-site=personal] .slot-t{border-radius:var(--r-btn);border:1px solid var(--border);min-height:48px;color:var(--text);font:500 15px var(--f-mono);cursor:pointer;background:0 0;padding:0 14px;transition:all .2s}:root[data-site=personal] .slot-t:hover{border-color:var(--accent)}:root[data-site=personal] .slot-t.on{background:var(--accent);border-color:var(--accent);color:var(--bg)}:root[data-site=personal] .slot-t[disabled]{opacity:.35;cursor:not-allowed;text-decoration:line-through}:root[data-site=personal] .acc{border-top:1px solid var(--border)}:root[data-site=personal] .acc:last-child{border-bottom:1px solid var(--border)}:root[data-site=personal] .acc-h{width:100%;min-height:72px;color:inherit;font:600 19px var(--f-ar);text-align:right;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}:root[data-site=personal] .acc-h .pm{border-radius:var(--r-btn);border:1px solid var(--border);width:44px;height:44px;transition:transform .3s var(--ease),background .3s,color .3s,border-color .3s;flex:none;justify-content:center;align-items:center;display:flex}:root[data-site=personal] .acc.open .acc-h .pm{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(45deg)}:root[data-site=personal] .acc-b{color:var(--text-soft);animation:drop .3s var(--ease) both;padding:0 0 24px}:root[data-site=personal] .light .acc,:root[data-site=personal] .light .acc-h .pm{border-color:var(--light-border)}:root[data-site=personal] .light .acc.open .acc-h .pm{background:var(--light-text);border-color:var(--light-text);color:var(--light)}:root[data-site=personal] .light .acc-b{color:var(--light-soft)}:root[data-site=personal] .tbl-box{border:1px solid var(--border);border-radius:var(--r-card);overflow-x:auto}:root[data-site=personal] .tbl{border-collapse:collapse;width:100%;font-size:16px}:root[data-site=personal] .tbl td,:root[data-site=personal] .tbl th{text-align:right;border-bottom:1px solid var(--border);vertical-align:top;padding:16px 20px}:root[data-site=personal] .tbl th{color:var(--text-soft);background:var(--surface);font-size:14px;font-weight:600}:root[data-site=personal] .tbl tr:last-child td{border-bottom:0}:root[data-site=personal] .tbl td.feat{background:#00d2b40f}:root[data-site=personal] .light .tbl-box{border-color:var(--light-border)}:root[data-site=personal] .light .tbl th{color:var(--light-soft);background:#dce3eb}:root[data-site=personal] .light .tbl td,:root[data-site=personal] .light .tbl th{border-color:var(--light-border)}:root[data-site=personal] .light .tbl td.feat{background:#fff}:root[data-site=personal] .pkg{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);transition:transform .3s var(--ease),border-color .3s;flex-direction:column;gap:20px;padding:32px;display:flex}:root[data-site=personal] .pkg:hover{border-color:#3a4c6e;transform:translateY(-4px)}:root[data-site=personal] .pkg.feat{background:var(--text);color:var(--bg);border-color:var(--text)}:root[data-site=personal] .pkg.feat .soft{color:var(--light-soft)}:root[data-site=personal] .pkg.feat:hover{border-color:var(--text)}:root[data-site=personal] .price{font-family:var(--f-mono);font-size:52px;font-weight:500;line-height:1}:root[data-site=personal] .prose{max-width:70ch;font-size:20px;line-height:1.95}:root[data-site=personal] .prose h2{margin:56px 0 16px;font-size:30px;line-height:1.5}:root[data-site=personal] .prose h3{margin:40px 0 12px;font-size:23px}:root[data-site=personal] .prose p{margin:0 0 24px}:root[data-site=personal] .prose ol{margin:0 0 24px;padding-inline-start:28px}:root[data-site=personal] .prose ol li{margin-bottom:10px;padding-inline-start:6px}:root[data-site=personal] .prose ol li::marker{font-family:var(--f-mono);color:var(--accent)}:root[data-site=personal] .prose blockquote{border-right:2px solid var(--accent);margin:40px 0;padding:8px 28px 8px 0;font-size:28px;font-weight:600;line-height:1.5}:root[data-site=personal] .code{text-align:left;font:15px/1.8 var(--f-mono);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-card);direction:ltr;margin:0 0 28px;overflow:hidden}:root[data-site=personal] .code-h{border-bottom:1px solid var(--border);color:var(--text-soft);justify-content:space-between;align-items:center;padding:8px 8px 8px 16px;font-size:13px;display:flex}:root[data-site=personal] .code pre{color:var(--text);margin:0;padding:18px 20px;overflow-x:auto}:root[data-site=personal] .toc a{border-right:1px solid var(--border);color:var(--text-soft);padding:8px 14px 8px 0;font-size:15px;transition:color .2s,border-color .2s;display:block}:root[data-site=personal] .toc a:hover{color:var(--text)}:root[data-site=personal] .toc a.on{color:var(--accent);border-color:var(--accent)}:root[data-site=personal] .m-cta{z-index:35;background:var(--bg);border-top:1px solid var(--border);gap:10px;padding:12px 20px 16px;display:none;position:sticky;bottom:0}@media (max-width:1024px){:root[data-site=personal] .wrap{padding-inline:32px}:root[data-site=personal] .split,:root[data-site=personal] .split-r{grid-template-columns:minmax(0,1fr);gap:48px}:root[data-site=personal] .g4{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-site=personal] .sticky{position:static}}@media (max-width:760px){:root[data-site=personal] .site{font-size:16px}:root[data-site=personal] .wrap{padding-inline:20px}:root[data-site=personal] .sec{padding-block:64px}:root[data-site=personal] .sec-sm{padding-block:48px}:root[data-site=personal] .g2,:root[data-site=personal] .g3,:root[data-site=personal] .g4{grid-template-columns:minmax(0,1fr);gap:16px}:root[data-site=personal] .d-only,:root[data-site=personal] .nav{display:none!important}:root[data-site=personal] .m-only{display:flex!important}:root[data-site=personal] .m-cta{display:flex}:root[data-site=personal] .hdr-in{height:72px}:root[data-site=personal] .tl{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:24px}:root[data-site=personal] .tl .yr{font-size:28px}:root[data-site=personal] .lrow{padding:22px 0}:root[data-site=personal] .lrow:before{display:none}:root[data-site=personal] .prose{font-size:18px}:root[data-site=personal] .prose blockquote{font-size:22px}:root[data-site=personal] .card,:root[data-site=personal] .pkg{padding:22px}:root[data-site=personal] .price{font-size:44px}:root[data-site=personal] .tbl td,:root[data-site=personal] .tbl th{padding:12px 14px}}@media (prefers-reduced-motion:reduce){:root[data-site=personal] *,:root[data-site=personal] :after,:root[data-site=personal] :before{transition:none!important;animation:none!important}}:root[data-site=personal] .pill.on:hover{background:var(--text);border-color:var(--text);color:var(--bg)}:root[data-site=personal] .light .pill.on:hover{background:var(--light-text);border-color:var(--light-text);color:var(--light)}:root[data-site=personal] .slot-t.on:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}:root[data-site=academy],:root[data-site=studio]{--primary:#0e3a2f;--primary-2:#14503f;--primary-soft:#e7efec;--cta-ink:#9a5a0e;--cta-soft:#fdf1e2;--border-2:#cbd5e1;--ok:#0e7a55;--ok-soft:#e3f4ec;--err:#b42318;--err-soft:#fdecea;--info:#1d4e89;--info-soft:#e8f0fa;--ease:cubic-bezier(.2,.8,.2,1);--r-card:12px;--r-btn:8px;--f-ar:"IBM Plex Sans Arabic",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace}:root[data-site=academy] *,:root[data-site=studio] *{box-sizing:border-box}:root[data-site=academy] body,:root[data-site=studio] body{background:var(--bg);margin:0}:root[data-site=academy] a,:root[data-site=studio] a{color:inherit;text-decoration:none}:root[data-site=academy] a:not(.btn):hover,:root[data-site=studio] a:not(.btn):hover{color:inherit}:root[data-site=academy] .site,:root[data-site=studio] .site{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--f-ar);font-size:18px;line-height:1.75}:root[data-site=academy] .mono,:root[data-site=studio] .mono{font-family:var(--f-mono)}:root[data-site=academy] .wrap,:root[data-site=studio] .wrap{width:100%;max-width:1440px;margin:0 auto;padding-inline:80px}:root[data-site=academy] .ic,:root[data-site=studio] .ic{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}:root[data-site=academy] .soft,:root[data-site=studio] .soft{color:var(--text-soft)}:root[data-site=academy] .em,:root[data-site=studio] .em{color:var(--primary)}:root[data-site=academy] .amb,:root[data-site=studio] .amb{color:var(--cta-ink)}:root[data-site=academy] .sec,:root[data-site=studio] .sec{padding-block:112px}:root[data-site=academy] .sec-sm,:root[data-site=studio] .sec-sm{padding-block:64px}:root[data-site=academy] .h-xl,:root[data-site=studio] .h-xl{color:var(--primary);letter-spacing:-.01em;margin:0;font-size:clamp(40px,6vw,84px);font-weight:700;line-height:1.25}:root[data-site=academy] .h-l,:root[data-site=studio] .h-l{color:var(--primary);margin:0;font-size:clamp(30px,3.8vw,50px);font-weight:700;line-height:1.3}:root[data-site=academy] .h-m,:root[data-site=studio] .h-m{color:var(--primary);margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:700;line-height:1.38}:root[data-site=academy] .h-s,:root[data-site=studio] .h-s{color:var(--text);margin:0;font-size:clamp(19px,1.6vw,22px);font-weight:600;line-height:1.45}:root[data-site=academy] .lead,:root[data-site=studio] .lead{color:var(--text-soft);font-size:clamp(17px,1.5vw,21px);line-height:1.85}:root[data-site=academy] .eyebrow,:root[data-site=studio] .eyebrow{color:var(--cta-ink);align-items:center;gap:10px;margin:0 0 18px;font-size:15px;font-weight:600;display:flex}:root[data-site=academy] .eyebrow:before,:root[data-site=studio] .eyebrow:before{content:"";background:var(--cta);border-radius:2px;flex:none;width:10px;height:10px}:root[data-site=academy] .line-t,:root[data-site=studio] .line-t{border-top:1px solid var(--border)}:root[data-site=academy] .line-b,:root[data-site=studio] .line-b{border-bottom:1px solid var(--border)}:root[data-site=academy] .white,:root[data-site=studio] .white{background:var(--surface)}:root[data-site=academy] .dark,:root[data-site=studio] .dark{background:var(--primary);color:#f8f9fa}:root[data-site=academy] .dark .h-l,:root[data-site=academy] .dark .h-m,:root[data-site=academy] .dark .h-s,:root[data-site=academy] .dark .h-xl,:root[data-site=studio] .dark .h-l,:root[data-site=studio] .dark .h-m,:root[data-site=studio] .dark .h-s,:root[data-site=studio] .dark .h-xl{color:#f8f9fa}:root[data-site=academy] .dark .lead,:root[data-site=academy] .dark .soft,:root[data-site=studio] .dark .lead,:root[data-site=studio] .dark .soft{color:#b8ccc5}:root[data-site=academy] .dark .eyebrow,:root[data-site=studio] .dark .eyebrow{color:var(--cta)}:root[data-site=academy] .stage,:root[data-site=studio] .stage{background:var(--stage);color:#e8efec}:root[data-site=academy] .btn,:root[data-site=studio] .btn{isolation:isolate;border-radius:var(--r-btn);min-height:52px;font:600 17px/1.4 var(--f-ar);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:0 24px;transition:color .3s,border-color .3s,transform .2s,opacity .2s;display:inline-flex;position:relative;overflow:hidden}:root[data-site=academy] .btn:before,:root[data-site=studio] .btn:before{content:"";z-index:-1;left:var(--x,50%);top:var(--y,50%);background:var(--bloom);width:0;height:0;transition:width .4s var(--ease),height .4s var(--ease);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}:root[data-site=academy] .btn:active:before,:root[data-site=academy] .btn:focus-visible:before,:root[data-site=academy] .btn:hover:before,:root[data-site=studio] .btn:active:before,:root[data-site=studio] .btn:focus-visible:before,:root[data-site=studio] .btn:hover:before{width:720px;height:720px}:root[data-site=academy] .btn:active,:root[data-site=studio] .btn:active{transform:scale(.97)}:root[data-site=academy] .btn:focus-visible,:root[data-site=studio] .btn:focus-visible{outline:2px solid var(--cta);outline-offset:3px}:root[data-site=academy] .btn .ic,:root[data-site=studio] .btn .ic{transition:transform .3s var(--ease)}:root[data-site=academy] .btn:hover .ic,:root[data-site=studio] .btn:hover .ic{transform:translate(-5px)}:root[data-site=academy] .btn[disabled],:root[data-site=studio] .btn[disabled]{opacity:.45;cursor:not-allowed}:root[data-site=academy] .btn[disabled]:before,:root[data-site=studio] .btn[disabled]:before{display:none}:root[data-site=academy] .btn-amber,:root[data-site=studio] .btn-amber{background:var(--cta);color:#1a1205;--bloom:var(--primary)}:root[data-site=academy] .btn-amber:hover,:root[data-site=studio] .btn-amber:hover{color:#f8f9fa}:root[data-site=academy] .btn-em,:root[data-site=studio] .btn-em{background:var(--primary);color:#f8f9fa;--bloom:var(--cta)}:root[data-site=academy] .btn-em:hover,:root[data-site=studio] .btn-em:hover{color:#1a1205}:root[data-site=academy] .btn-ghost,:root[data-site=studio] .btn-ghost{color:var(--primary);border-color:var(--border-2);--bloom:var(--primary);background:0 0}:root[data-site=academy] .btn-ghost:hover,:root[data-site=studio] .btn-ghost:hover{color:#f8f9fa;border-color:var(--primary)}:root[data-site=academy] .dark .btn-ghost,:root[data-site=academy] .stage .btn-ghost,:root[data-site=studio] .dark .btn-ghost,:root[data-site=studio] .stage .btn-ghost{color:#f8f9fa;--bloom:#f8f9fa;border-color:#2c5a4d}:root[data-site=academy] .dark .btn-ghost:hover,:root[data-site=academy] .stage .btn-ghost:hover,:root[data-site=studio] .dark .btn-ghost:hover,:root[data-site=studio] .stage .btn-ghost:hover{color:var(--primary)}:root[data-site=academy] .btn-danger,:root[data-site=studio] .btn-danger{color:var(--err);--bloom:var(--err);background:0 0;border-color:#f3c1bc}:root[data-site=academy] .btn-danger:hover,:root[data-site=studio] .btn-danger:hover{color:#fff}:root[data-site=academy] .btn-sm,:root[data-site=studio] .btn-sm{min-height:44px;padding:0 16px;font-size:15px}:root[data-site=academy] .btn-lg,:root[data-site=studio] .btn-lg{min-height:60px;padding:0 32px;font-size:19px}:root[data-site=academy] .btn-block,:root[data-site=studio] .btn-block{width:100%}:root[data-site=academy] .spin,:root[data-site=studio] .spin{border:2px solid;border-left:2px solid #0000;border-radius:50%;flex:none;width:18px;height:18px;animation:spin .8s linear infinite}:root[data-site=academy] .tlink,:root[data-site=studio] .tlink{min-height:44px;color:var(--primary);align-items:center;gap:8px;font-weight:600;display:inline-flex;position:relative}:root[data-site=academy] .tlink:after,:root[data-site=studio] .tlink:after{content:"";background:var(--cta);transform-origin:100%;height:2px;transition:transform .35s var(--ease);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(.25)}:root[data-site=academy] .tlink:hover:after,:root[data-site=studio] .tlink:hover:after{transform:scaleX(1)}:root[data-site=academy] .dark .tlink,:root[data-site=studio] .dark .tlink{color:#f8f9fa}:root[data-site=academy] .iconbtn,:root[data-site=studio] .iconbtn{border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;transition:all .25s;display:inline-flex}:root[data-site=academy] .iconbtn:hover,:root[data-site=studio] .iconbtn:hover{border-color:var(--primary);color:var(--primary)}:root[data-site=academy] .hdr,:root[data-site=studio] .hdr{z-index:30;border-bottom:1px solid var(--border);background:#f8f9faf5;position:sticky;top:0}:root[data-site=academy] .hdr-in,:root[data-site=studio] .hdr-in{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}:root[data-site=academy] .nav,:root[data-site=studio] .nav{gap:28px;display:flex}:root[data-site=academy] .nav-a,:root[data-site=studio] .nav-a{color:var(--text-soft);padding:10px 0;font-size:16px;font-weight:500;transition:color .25s;position:relative}:root[data-site=academy] .nav-a:after,:root[data-site=studio] .nav-a:after{content:"";background:var(--cta);transform-origin:100%;width:100%;height:2px;transition:transform .3s var(--ease);position:absolute;bottom:4px;right:0;transform:scaleX(0)}:root[data-site=academy] .nav-a.on,:root[data-site=academy] .nav-a:hover,:root[data-site=studio] .nav-a.on,:root[data-site=studio] .nav-a:hover{color:var(--primary)}:root[data-site=academy] .nav-a.on:after,:root[data-site=academy] .nav-a:hover:after,:root[data-site=studio] .nav-a.on:after,:root[data-site=studio] .nav-a:hover:after{transform:scaleX(1)}:root[data-site=academy] .sheet,:root[data-site=studio] .sheet{z-index:30;background:var(--surface);border-bottom:1px solid var(--border);animation:drop .3s var(--ease) both;padding:8px 20px 24px;position:absolute;top:72px;left:0;right:0;box-shadow:0 20px 40px -24px #0e3a2f40}:root[data-site=academy] .sheet a,:root[data-site=studio] .sheet a{border-bottom:1px solid var(--border);min-height:56px;color:var(--primary);justify-content:space-between;align-items:center;font-size:19px;font-weight:600;display:flex}:root[data-site=academy] .bnav,:root[data-site=studio] .bnav{z-index:35;background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:6px;display:none;position:sticky;bottom:0}:root[data-site=academy] .bnav a,:root[data-site=studio] .bnav a{min-height:60px;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;display:flex}:root[data-site=academy] .bnav a.on,:root[data-site=studio] .bnav a.on{color:var(--primary);font-weight:600}:root[data-site=academy] .bnav a.on .ic,:root[data-site=studio] .bnav a.on .ic{color:var(--cta-ink)}:root[data-site=academy] .foot-a,:root[data-site=studio] .foot-a{color:var(--text-soft);padding:6px 0;font-size:15px;transition:color .25s}:root[data-site=academy] .foot-a:hover,:root[data-site=studio] .foot-a:hover{color:var(--primary)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}:root[data-site=academy] .in,:root[data-site=studio] .in{animation:rise .4s var(--ease) both}:root[data-site=academy] .d1,:root[data-site=studio] .d1{animation-delay:60ms}:root[data-site=academy] .d2,:root[data-site=studio] .d2{animation-delay:.14s}:root[data-site=academy] .d3,:root[data-site=studio] .d3{animation-delay:.22s}:root[data-site=academy] .d4,:root[data-site=studio] .d4{animation-delay:.3s}:root[data-site=academy] .d5,:root[data-site=studio] .d5{animation-delay:.38s}:root[data-site=academy] .pop,:root[data-site=studio] .pop{animation:pop .3s var(--ease) both}:root[data-site=academy] .caret,:root[data-site=studio] .caret{background:var(--cta);vertical-align:-.15em;width:.5em;height:1em;margin-inline-start:4px;animation:blink 1s step-end infinite;display:inline-block}:root[data-site=academy] .live,:root[data-site=studio] .live{background:var(--ok);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block;position:relative}:root[data-site=academy] .live:after,:root[data-site=studio] .live:after{content:"";border:1px solid var(--ok);border-radius:50%;animation:ring 2s ease-out infinite;position:absolute;inset:0}@supports (animation-timeline:view()){:root[data-site=academy] .reveal,:root[data-site=studio] .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry cover 22%}}:root[data-site=academy] .split,:root[data-site=studio] .split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:72px;display:grid}:root[data-site=academy] .split-r,:root[data-site=studio] .split-r{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:64px;display:grid}:root[data-site=academy] .side-r,:root[data-site=studio] .side-r{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:48px;display:grid}:root[data-site=academy] .g2,:root[data-site=studio] .g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}:root[data-site=academy] .g3,:root[data-site=studio] .g3{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}:root[data-site=academy] .g4,:root[data-site=studio] .g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}:root[data-site=academy] .sticky,:root[data-site=studio] .sticky{position:sticky;top:100px}:root[data-site=academy] .row,:root[data-site=studio] .row{align-items:center;gap:14px;display:flex}:root[data-site=academy] .between,:root[data-site=studio] .between{justify-content:space-between;align-items:center;gap:20px;display:flex}:root[data-site=academy] .wrapx,:root[data-site=studio] .wrapx{flex-wrap:wrap}:root[data-site=academy] .stack,:root[data-site=studio] .stack{flex-direction:column;display:flex}:root[data-site=academy] .m-only,:root[data-site=studio] .m-only{display:none!important}:root[data-site=academy] .card,:root[data-site=studio] .card{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);transition:border-color .3s,transform .3s var(--ease),box-shadow .3s;flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}:root[data-site=academy] .card.hov:hover,:root[data-site=academy] a.card:hover,:root[data-site=studio] .card.hov:hover,:root[data-site=studio] a.card:hover{border-color:var(--primary);transform:translateY(-4px)}:root[data-site=academy] .dark .card,:root[data-site=studio] .dark .card{background:var(--primary-2);color:#f8f9fa;border-color:#2c5a4d}:root[data-site=academy] .card.em-card,:root[data-site=studio] .card.em-card{background:var(--primary);border-color:var(--primary);color:#f8f9fa}:root[data-site=academy] .card.em-card .soft,:root[data-site=studio] .card.em-card .soft{color:#b8ccc5}:root[data-site=academy] .card.em-card .h-m,:root[data-site=academy] .card.em-card .h-s,:root[data-site=studio] .card.em-card .h-m,:root[data-site=studio] .card.em-card .h-s{color:#f8f9fa}:root[data-site=academy] .tag,:root[data-site=studio] .tag{border:1px solid var(--border);color:var(--text-soft);background:var(--surface)}:root[data-site=academy] .badge,:root[data-site=academy] .tag,:root[data-site=studio] .badge,:root[data-site=studio] .tag{height:28px;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:14px;display:inline-flex}:root[data-site=academy] .badge,:root[data-site=studio] .badge{font-weight:600}:root[data-site=academy] .b-amber,:root[data-site=studio] .b-amber{background:var(--cta);color:#1a1205}:root[data-site=academy] .b-em,:root[data-site=studio] .b-em{background:var(--primary);color:#f8f9fa}:root[data-site=academy] .b-soft,:root[data-site=studio] .b-soft{background:var(--primary-soft);color:var(--primary)}:root[data-site=academy] .b-ok,:root[data-site=studio] .b-ok{background:var(--ok-soft);color:var(--ok)}:root[data-site=academy] .b-err,:root[data-site=studio] .b-err{background:var(--err-soft);color:var(--err)}:root[data-site=academy] .b-info,:root[data-site=studio] .b-info{background:var(--info-soft);color:var(--info)}:root[data-site=academy] .b-wait,:root[data-site=studio] .b-wait{background:var(--cta-soft);color:var(--cta-ink)}:root[data-site=academy] .b-mute,:root[data-site=studio] .b-mute{color:var(--text-soft);background:#edf0f4}:root[data-site=academy] .pill,:root[data-site=studio] .pill{border-radius:var(--r-btn);border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text-soft);font:500 15px var(--f-ar);cursor:pointer;white-space:nowrap;padding:0 16px;transition:all .25s}:root[data-site=academy] .pill:hover,:root[data-site=studio] .pill:hover{border-color:var(--primary);color:var(--primary)}:root[data-site=academy] .pill.on,:root[data-site=studio] .pill.on{background:var(--primary);border-color:var(--primary);color:#f8f9fa}:root[data-site=academy] .slot,:root[data-site=studio] .slot{text-align:center;border:1px dashed var(--border-2);border-radius:var(--r-card);color:var(--text-soft);background-color:#eef2f5;background-image:repeating-linear-gradient(135deg,#0000 0 14px,#cbd5e1b3 14px 15px);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:15px;display:flex}:root[data-site=academy] .photo,:root[data-site=studio] .photo{border-radius:var(--r-card);background:var(--primary-soft);margin:0;position:relative;overflow:hidden}:root[data-site=academy] .photo img,:root[data-site=studio] .photo img{object-fit:cover;width:100%;height:100%;display:block}:root[data-site=academy] .price,:root[data-site=studio] .price{font-family:var(--f-mono);color:var(--text);font-size:52px;font-weight:500;line-height:1}:root[data-site=academy] .price-old,:root[data-site=studio] .price-old{font-family:var(--f-mono);color:var(--text-soft);font-size:22px;text-decoration:line-through}:root[data-site=academy] .price-sub,:root[data-site=studio] .price-sub{color:var(--text-soft);font-size:14px}:root[data-site=academy] .pkg,:root[data-site=studio] .pkg{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);transition:transform .3s var(--ease),border-color .3s;text-align:right;font:inherit;color:inherit;cursor:pointer;flex-direction:column;gap:18px;padding:28px;display:flex}:root[data-site=academy] .pkg:hover,:root[data-site=studio] .pkg:hover{border-color:var(--border-2);transform:translateY(-4px)}:root[data-site=academy] .pkg.feat,:root[data-site=studio] .pkg.feat{border:2px solid var(--cta)}:root[data-site=academy] .pkg.sel,:root[data-site=studio] .pkg.sel{outline:2px solid var(--primary);outline-offset:4px}:root[data-site=academy] .chk,:root[data-site=studio] .chk{color:var(--ok)}:root[data-site=academy] .prog,:root[data-site=studio] .prog{background:#e9edf1;border-radius:4px;height:8px;overflow:hidden}:root[data-site=academy] .prog>span,:root[data-site=studio] .prog>span{background:var(--cta);transform-origin:100%;height:100%;animation:grow .8s var(--ease) both;border-radius:4px;display:block}:root[data-site=academy] .chap,:root[data-site=studio] .chap{gap:4px;display:grid}:root[data-site=academy] .chap span,:root[data-site=studio] .chap span{background:#e9edf1;border-radius:2px;height:8px}:root[data-site=academy] .chap span.done,:root[data-site=studio] .chap span.done{background:var(--cta)}:root[data-site=academy] .chap span.now,:root[data-site=studio] .chap span.now{background:linear-gradient(90deg,#e9edf1 50%,var(--cta) 50%)}:root[data-site=academy] .lesson,:root[data-site=studio] .lesson{min-height:56px;color:var(--text);border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;font-size:16px;transition:background .2s;display:grid}:root[data-site=academy] .lesson:hover,:root[data-site=studio] .lesson:hover{background:#f1f4f6}:root[data-site=academy] .lesson.now,:root[data-site=studio] .lesson.now{background:var(--cta-soft)}:root[data-site=academy] .lesson.lock,:root[data-site=studio] .lesson.lock{color:var(--text-soft)}:root[data-site=academy] .lesson .st,:root[data-site=studio] .lesson .st{border:1.5px solid var(--border-2);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}:root[data-site=academy] .lesson .st.done,:root[data-site=studio] .lesson .st.done{background:var(--ok);border-color:var(--ok);color:#fff}:root[data-site=academy] .lesson .st.now,:root[data-site=studio] .lesson .st.now{border-color:var(--cta);color:var(--cta-ink)}:root[data-site=academy] .field,:root[data-site=studio] .field{flex-direction:column;gap:8px;display:flex}:root[data-site=academy] .label,:root[data-site=studio] .label{color:var(--text);font-size:15px;font-weight:600}:root[data-site=academy] .hint,:root[data-site=studio] .hint{color:var(--text-soft);font-size:14px}:root[data-site=academy] .input,:root[data-site=studio] .input{border-radius:var(--r-btn);border:1px solid var(--border-2);background:var(--surface);width:100%;min-height:52px;color:var(--text);font:400 17px var(--f-ar);outline:none;padding:0 16px;transition:border-color .25s,box-shadow .25s}:root[data-site=academy] textarea.input,:root[data-site=studio] textarea.input{resize:vertical;min-height:140px;padding:14px 16px;line-height:1.7}:root[data-site=academy] select.input,:root[data-site=studio] select.input{appearance:none;cursor:pointer}:root[data-site=academy] .input::placeholder,:root[data-site=studio] .input::placeholder{color:#8a94a6}:root[data-site=academy] .input:focus,:root[data-site=studio] .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0e3a2f24}:root[data-site=academy] .input.err,:root[data-site=studio] .input.err{border-color:var(--err);box-shadow:0 0 0 3px #b423181a}:root[data-site=academy] .input.ok,:root[data-site=studio] .input.ok{border-color:var(--ok)}:root[data-site=academy] .err-t,:root[data-site=studio] .err-t{color:var(--err);font-size:14px}:root[data-site=academy] .ok-t,:root[data-site=studio] .ok-t{color:var(--ok);font-size:14px}:root[data-site=academy] .otp,:root[data-site=studio] .otp{direction:ltr;gap:10px;display:flex}:root[data-site=academy] .otp span,:root[data-site=studio] .otp span{border-radius:var(--r-btn);border:1px solid var(--border-2);background:var(--surface);width:52px;height:60px;font:500 24px var(--f-mono);justify-content:center;align-items:center;transition:border-color .2s;display:flex}:root[data-site=academy] .otp span.f,:root[data-site=studio] .otp span.f{border-color:var(--primary)}:root[data-site=academy] .otp span.cur,:root[data-site=studio] .otp span.cur{border-color:var(--cta);box-shadow:0 0 0 3px #e58a1f2e}:root[data-site=academy] .checkbox,:root[data-site=studio] .checkbox{cursor:pointer;align-items:flex-start;gap:12px;font-size:16px;display:flex}:root[data-site=academy] .checkbox .bx,:root[data-site=studio] .checkbox .bx{border:1.5px solid var(--border-2);background:var(--surface);border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;margin-top:3px;transition:all .2s;display:flex}:root[data-site=academy] .checkbox.on .bx,:root[data-site=studio] .checkbox.on .bx{background:var(--primary);border-color:var(--primary);color:#fff}:root[data-site=academy] .copyrow,:root[data-site=studio] .copyrow{border:1px solid var(--border);border-radius:var(--r-btn);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid}:root[data-site=academy] .copyb,:root[data-site=studio] .copyb{border:1px solid var(--border);background:var(--bg);min-height:36px;color:var(--text-soft);font:500 14px var(--f-ar);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:0 12px;transition:all .2s;display:inline-flex}:root[data-site=academy] .copyb:hover,:root[data-site=studio] .copyb:hover{border-color:var(--primary);color:var(--primary)}:root[data-site=academy] .copyb.ok,:root[data-site=studio] .copyb.ok{border-color:var(--ok);color:var(--ok);background:var(--ok-soft)}:root[data-site=academy] .paym,:root[data-site=studio] .paym{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);cursor:pointer;text-align:right;font:inherit;color:inherit;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:18px;transition:all .2s;display:grid}:root[data-site=academy] .paym:hover,:root[data-site=studio] .paym:hover{border-color:var(--border-2)}:root[data-site=academy] .paym.on,:root[data-site=studio] .paym.on{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}:root[data-site=academy] .paym[disabled],:root[data-site=studio] .paym[disabled]{opacity:.5;cursor:not-allowed}:root[data-site=academy] .paym .pi,:root[data-site=studio] .paym .pi{background:var(--primary-soft);width:48px;height:48px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}:root[data-site=academy] .radio,:root[data-site=studio] .radio{border:1.5px solid var(--border-2);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}:root[data-site=academy] .paym.on .radio,:root[data-site=studio] .paym.on .radio{border-color:var(--primary)}:root[data-site=academy] .paym.on .radio:after,:root[data-site=studio] .paym.on .radio:after{content:"";background:var(--primary);border-radius:50%;width:10px;height:10px}:root[data-site=academy] .steps,:root[data-site=studio] .steps{align-items:center;gap:8px;display:flex}:root[data-site=academy] .step,:root[data-site=studio] .step{color:var(--text-soft);align-items:center;gap:10px;font-size:15px;display:flex}:root[data-site=academy] .step .n,:root[data-site=studio] .step .n{border:1.5px solid var(--border-2);width:32px;height:32px;font:500 14px var(--f-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}:root[data-site=academy] .step.on,:root[data-site=studio] .step.on{color:var(--primary);font-weight:600}:root[data-site=academy] .step.on .n,:root[data-site=studio] .step.on .n{border-color:var(--primary);background:var(--primary);color:#fff}:root[data-site=academy] .step.done .n,:root[data-site=studio] .step.done .n{border-color:var(--ok);background:var(--ok);color:#fff}:root[data-site=academy] .step-line,:root[data-site=studio] .step-line{background:var(--border-2);flex:1;min-width:24px;height:1px}:root[data-site=academy] .slot-t,:root[data-site=studio] .slot-t{border-radius:var(--r-btn);border:1px solid var(--border-2);background:var(--surface);min-height:48px;color:var(--text);font:500 15px var(--f-mono);cursor:pointer;padding:0 14px;transition:all .2s}:root[data-site=academy] .slot-t:hover,:root[data-site=studio] .slot-t:hover{border-color:var(--primary)}:root[data-site=academy] .slot-t.on,:root[data-site=studio] .slot-t.on{background:var(--primary);border-color:var(--primary);color:#fff}:root[data-site=academy] .slot-t[disabled],:root[data-site=studio] .slot-t[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}:root[data-site=academy] .acc,:root[data-site=studio] .acc{border-top:1px solid var(--border)}:root[data-site=academy] .acc:last-child,:root[data-site=studio] .acc:last-child{border-bottom:1px solid var(--border)}:root[data-site=academy] .acc-h,:root[data-site=studio] .acc-h{width:100%;min-height:68px;color:var(--text);font:600 18px var(--f-ar);text-align:right;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}:root[data-site=academy] .acc-h .pm,:root[data-site=studio] .acc-h .pm{border-radius:var(--r-btn);border:1px solid var(--border);width:40px;height:40px;transition:transform .3s var(--ease),background .3s,color .3s;flex:none;justify-content:center;align-items:center;display:flex}:root[data-site=academy] .acc.open .acc-h .pm,:root[data-site=studio] .acc.open .acc-h .pm{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(45deg)}:root[data-site=academy] .acc-b,:root[data-site=studio] .acc-b{color:var(--text-soft);animation:drop .3s var(--ease) both;padding:0 0 22px}:root[data-site=academy] .tabs,:root[data-site=studio] .tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}:root[data-site=academy] .tab,:root[data-site=studio] .tab{min-height:52px;color:var(--text-soft);font:500 16px var(--f-ar);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 18px;transition:color .2s,border-color .2s}:root[data-site=academy] .tab:hover,:root[data-site=studio] .tab:hover{color:var(--primary)}:root[data-site=academy] .tab.on,:root[data-site=studio] .tab.on{color:var(--primary);border-bottom-color:var(--cta);font-weight:600}:root[data-site=academy] .stage .tabs,:root[data-site=studio] .stage .tabs{border-color:#1e3a31}:root[data-site=academy] .tbl-box,:root[data-site=studio] .tbl-box{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);overflow-x:auto}:root[data-site=academy] .tbl,:root[data-site=studio] .tbl{border-collapse:collapse;width:100%;font-size:16px}:root[data-site=academy] .tbl td,:root[data-site=academy] .tbl th,:root[data-site=studio] .tbl td,:root[data-site=studio] .tbl th{text-align:right;border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px}:root[data-site=academy] .tbl th,:root[data-site=studio] .tbl th{color:var(--text-soft);white-space:nowrap;background:#f4f6f8;font-size:14px;font-weight:600}:root[data-site=academy] .tbl tr:last-child td,:root[data-site=studio] .tbl tr:last-child td{border-bottom:0}:root[data-site=academy] .tbl td.feat,:root[data-site=studio] .tbl td.feat{background:var(--cta-soft)}:root[data-site=academy] .prompt,:root[data-site=studio] .prompt{text-align:left;border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);direction:ltr;overflow:hidden}:root[data-site=academy] .prompt-h,:root[data-site=studio] .prompt-h{border-bottom:1px solid var(--border);color:var(--text-soft);direction:rtl;background:#f4f6f8;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}:root[data-site=academy] .prompt pre,:root[data-site=studio] .prompt pre{font:15px/1.8 var(--f-mono);white-space:pre-wrap;color:var(--text);text-align:right;direction:rtl;margin:0;padding:16px 18px}:root[data-site=academy] .toast,:root[data-site=studio] .toast{z-index:60;border-radius:var(--r-card);background:var(--text);color:#fff;animation:pop .3s var(--ease) both;align-items:center;gap:12px;padding:14px 18px;font-size:15px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 16px 40px -16px #0006}@media (max-width:1024px){:root[data-site=academy] .wrap,:root[data-site=studio] .wrap{padding-inline:32px}:root[data-site=academy] .side-r,:root[data-site=academy] .split,:root[data-site=academy] .split-r,:root[data-site=studio] .side-r,:root[data-site=studio] .split,:root[data-site=studio] .split-r{grid-template-columns:minmax(0,1fr);gap:40px}:root[data-site=academy] .g4,:root[data-site=studio] .g4{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-site=academy] .sticky,:root[data-site=studio] .sticky{position:static}}@media (max-width:760px){:root[data-site=academy] .site,:root[data-site=studio] .site{font-size:16px}:root[data-site=academy] .wrap,:root[data-site=studio] .wrap{padding-inline:20px}:root[data-site=academy] .sec,:root[data-site=studio] .sec{padding-block:64px}:root[data-site=academy] .sec-sm,:root[data-site=studio] .sec-sm{padding-block:44px}:root[data-site=academy] .g2,:root[data-site=academy] .g3,:root[data-site=academy] .g4,:root[data-site=studio] .g2,:root[data-site=studio] .g3,:root[data-site=studio] .g4{grid-template-columns:minmax(0,1fr);gap:14px}:root[data-site=academy] .d-only,:root[data-site=academy] .nav,:root[data-site=studio] .d-only,:root[data-site=studio] .nav{display:none!important}:root[data-site=academy] .m-only,:root[data-site=studio] .m-only{display:flex!important}:root[data-site=academy] .bnav,:root[data-site=studio] .bnav{display:grid}:root[data-site=academy] .hdr-in,:root[data-site=studio] .hdr-in{height:68px}:root[data-site=academy] .card,:root[data-site=academy] .pkg,:root[data-site=studio] .card,:root[data-site=studio] .pkg{padding:20px}:root[data-site=academy] .price,:root[data-site=studio] .price{font-size:44px}:root[data-site=academy] .otp span,:root[data-site=studio] .otp span{width:44px;height:54px}:root[data-site=academy] .tbl td,:root[data-site=academy] .tbl th,:root[data-site=studio] .tbl td,:root[data-site=studio] .tbl th{padding:12px}:root[data-site=academy] .toast,:root[data-site=studio] .toast{bottom:84px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){:root[data-site=academy] *,:root[data-site=academy] :after,:root[data-site=academy] :before,:root[data-site=studio] *,:root[data-site=studio] :after,:root[data-site=studio] :before{transition:none!important;animation:none!important}}:root[data-site=academy] .pill.on:hover,:root[data-site=studio] .pill.on:hover{background:var(--primary);border-color:var(--primary);color:#f8f9fa}:root[data-site=academy] .slot-t.on:hover,:root[data-site=studio] .slot-t.on:hover{background:var(--primary);border-color:var(--primary);color:#fff}:root[data-site=academy] .btn-sm,:root[data-site=academy] .pp,:root[data-site=studio] .btn-sm,:root[data-site=studio] .pp{line-height:1.4}:root[data-site=studio] .studio{color:var(--text);font-family:var(--f-ar);background:#f4f6f8;min-height:100vh;font-size:15px;line-height:1.6}:root[data-site=studio] .shell{grid-template-columns:auto minmax(0,1fr);min-height:100vh;display:grid}:root[data-site=studio] .main{flex-direction:column;min-width:0;display:flex}:root[data-site=studio] .sb{background:var(--primary);color:#e7efec;width:264px;height:100vh;transition:width .3s var(--ease);flex-direction:column;display:flex;position:sticky;top:0;overflow:hidden}:root[data-site=studio] .sb.rail{width:72px}:root[data-site=studio] .sb-h{border-bottom:1px solid #14503f;flex:none;justify-content:space-between;align-items:center;gap:8px;height:64px;padding:0 16px;display:flex}:root[data-site=studio] .sb-scroll{scrollbar-width:thin;scrollbar-color:#2c5a4d transparent;flex:1;padding:10px 10px 20px;overflow-y:auto}:root[data-site=studio] .sb-g{margin-top:10px}:root[data-site=studio] .sb-gh{color:#8fb3a7;width:100%;min-height:32px;font:600 12px var(--f-ar);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0 10px;display:flex}:root[data-site=studio] .sb-gh .ic{width:14px;height:14px;transition:transform .25s}:root[data-site=studio] .sb-g.closed .sb-gh .ic{transform:rotate(90deg)}:root[data-site=studio] .sb-a{color:#d3e2dc;white-space:nowrap;border-radius:8px;align-items:center;gap:12px;min-height:40px;padding:0 10px;font-size:15px;transition:background .2s,color .2s;display:flex;position:relative}:root[data-site=studio] .sb-a:hover{color:#fff;background:#14503f}:root[data-site=studio] .sb-a.on{color:var(--primary);background:#f8f9fa;font-weight:600}:root[data-site=studio] .sb-a.on:before{content:"";background:var(--cta);border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px;right:-10px}:root[data-site=studio] .sb-a .ic{flex:none;width:18px;height:18px}:root[data-site=studio] .sb-a .cnt{background:var(--cta);color:#1a1205;min-width:22px;height:20px;font:600 12px var(--f-mono);border-radius:10px;justify-content:center;align-items:center;margin-inline-start:auto;padding:0 6px;display:flex}:root[data-site=studio] .sb.rail .cnt,:root[data-site=studio] .sb.rail .lbl,:root[data-site=studio] .sb.rail .sb-gh span{display:none}:root[data-site=studio] .sb.rail .sb-a{justify-content:center;padding:0}:root[data-site=studio] .sb-f{border-top:1px solid #14503f;flex:none;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}:root[data-site=studio] .sb-m{display:none}:root[data-site=studio] .ptop{z-index:20;border-bottom:1px solid var(--border);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 28px;display:flex;position:sticky;top:0}:root[data-site=studio] .ptop h1{color:var(--primary);margin:0;font-size:22px;font-weight:700}:root[data-site=studio] .crumb{color:var(--text-soft);font-size:13px}:root[data-site=studio] .search{border:1px solid var(--border);min-height:40px;color:var(--text-soft);background:#f8f9fa;border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:0 12px;font-size:14px;display:flex}:root[data-site=studio] .kbd{font:500 12px var(--f-mono);border:1px solid var(--border-2);color:var(--text-soft);background:#fff;border-radius:4px;padding:2px 6px}:root[data-site=studio] .pbody{flex-direction:column;gap:20px;padding:24px 28px 56px;display:flex}:root[data-site=studio] .studio .card{gap:14px;padding:20px}:root[data-site=studio] .studio .btn{min-height:40px;padding:0 16px;font-size:15px}:root[data-site=studio] .studio .btn-lg{min-height:48px;font-size:16px}:root[data-site=studio] .studio .input{min-height:42px;padding:0 12px;font-size:15px}:root[data-site=studio] .studio textarea.input{min-height:96px;padding:10px 12px}:root[data-site=studio] .studio .pill{min-height:36px;padding:0 12px;font-size:14px}:root[data-site=studio] .studio .tbl{font-size:14px}:root[data-site=studio] .studio .tbl td,:root[data-site=studio] .studio .tbl th{padding:10px 14px}:root[data-site=studio] .studio .tbl tbody tr{cursor:pointer;transition:background .15s}:root[data-site=studio] .studio .tbl tbody tr:hover{background:#f8fafb}:root[data-site=studio] .studio .tbl tbody tr.sel{background:var(--cta-soft)}:root[data-site=studio] .studio .tab{min-height:44px;padding:0 14px;font-size:15px}:root[data-site=studio] .h2s{color:var(--text);margin:0;font-size:17px;font-weight:700}:root[data-site=studio] .kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}:root[data-site=studio] .kpi{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}:root[data-site=studio] .kpi .v{font:600 28px/1.1 var(--f-mono);color:var(--text)}:root[data-site=studio] .kpi .d{font-size:13px}:root[data-site=studio] .up{color:var(--ok)}:root[data-site=studio] .down{color:var(--err)}:root[data-site=studio] .spark{width:100%;height:36px}:root[data-site=studio] .spark polyline{fill:none;stroke:var(--cta);stroke-width:2px}:root[data-site=studio] .two{grid-template-columns:minmax(0,1fr) 400px;align-items:start;gap:20px;display:grid}:root[data-site=studio] .two-l{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}:root[data-site=studio] .panel{border:1px solid var(--border);background:#fff;border-radius:12px;position:sticky;top:84px;overflow:hidden}:root[data-site=studio] .panel-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}:root[data-site=studio] .panel-b{flex-direction:column;gap:14px;padding:18px;display:flex}:root[data-site=studio] .kv{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}:root[data-site=studio] .kv:last-child{border-bottom:0}:root[data-site=studio] .kv dt{color:var(--text-soft)}:root[data-site=studio] .kv dd{text-align:left;margin:0;font-weight:600}:root[data-site=studio] .sw{cursor:pointer;background:#cbd5e1;border:0;border-radius:13px;flex:none;width:44px;height:26px;transition:background .2s;position:relative}:root[data-site=studio] .sw:after{content:"";width:20px;height:20px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0003}:root[data-site=studio] .sw.on{background:var(--ok)}:root[data-site=studio] .sw.on:after{transform:translate(-18px)}:root[data-site=studio] .frow{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:center;gap:20px;padding:14px 0;display:grid}:root[data-site=studio] .frow:last-child{border-bottom:0}:root[data-site=studio] .frow .t b{font-size:15px;display:block}:root[data-site=studio] .frow .t span{color:var(--text-soft);font-size:13px}:root[data-site=studio] .seg{background:#edf0f4;border-radius:8px;gap:3px;padding:3px;display:inline-flex}:root[data-site=studio] .seg button{min-height:34px;font:500 14px var(--f-ar);color:var(--text-soft);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px}:root[data-site=studio] .seg button.on{color:var(--primary);background:#fff;box-shadow:0 1px 2px #00000014}:root[data-site=studio] .secret{border:1px solid var(--border-2);min-height:42px;font:15px var(--f-mono);direction:ltr;background:#f8f9fa;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}:root[data-site=studio] .drag{color:#8a94a6;cursor:grab;flex:none;width:20px;height:20px}:root[data-site=studio] .tree{flex-direction:column;gap:2px;display:flex}:root[data-site=studio] .tree-i{cursor:pointer;border-radius:8px;grid-template-columns:20px 22px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;font-size:14px;display:grid}:root[data-site=studio] .tree-i:hover{background:#f1f4f6}:root[data-site=studio] .tree-i.on{background:var(--cta-soft);font-weight:600}:root[data-site=studio] .tree-i.mod{background:#f4f6f8;margin-top:6px;font-weight:600}:root[data-site=studio] .dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}:root[data-site=studio] .d-ok{background:var(--ok)}:root[data-site=studio] .d-wait{background:var(--cta)}:root[data-site=studio] .d-err{background:var(--err)}:root[data-site=studio] .d-mute{background:#cbd5e1}:root[data-site=studio] .wsteps{flex-wrap:wrap;align-items:center;gap:8px;display:flex}:root[data-site=studio] .chartbar{direction:ltr;align-items:flex-end;gap:4px;height:160px;display:flex}:root[data-site=studio] .chartbar span{background:#d9e6e1;border-radius:3px 3px 0 0;flex:1;transition:background .2s;position:relative}:root[data-site=studio] .chartbar span:hover{background:var(--cta)}:root[data-site=studio] .chartbar span.hi{background:var(--primary)}:root[data-site=studio] .bars-h .r{grid-template-columns:minmax(0,1fr) 120px 48px;align-items:center;gap:10px;padding:8px 0;font-size:14px;display:grid}:root[data-site=studio] .bars-h .b{background:#e9edf1;border-radius:4px;height:8px;overflow:hidden}:root[data-site=studio] .bars-h .b span{background:var(--primary);height:100%;display:block}:root[data-site=studio] .empty{text-align:center;color:var(--text-soft);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px;display:flex}:root[data-site=studio] .cal-w{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:56px repeat(7,minmax(0,1fr));font-size:13px;display:grid;overflow:hidden}:root[data-site=studio] .cal-w>div{border-left:1px solid var(--border);border-bottom:1px solid var(--border);min-height:48px;padding:4px;position:relative}:root[data-site=studio] .ev{cursor:pointer;border-radius:6px;padding:4px 6px;font-size:12px;line-height:1.4;display:block}:root[data-site=studio] .ev-em{background:var(--primary);color:#fff}:root[data-site=studio] .ev-am{background:var(--cta-soft);color:var(--cta-ink);border:1px solid #f4d9b4}:root[data-site=studio] .ev-mu{color:var(--text-soft);background:#edf0f4}:root[data-site=studio] .modal-bg{z-index:50;background:#0e3a2f59;justify-content:center;align-items:center;padding:20px;animation:pop .2s both;display:flex;position:fixed;inset:0}:root[data-site=studio] .modal{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:min(520px,100%);padding:24px;display:flex;box-shadow:0 30px 60px -20px #0006}@media (max-width:1200px){:root[data-site=studio] .two{grid-template-columns:minmax(0,1fr)}:root[data-site=studio] .panel{position:static}}@media (max-width:1024px){:root[data-site=studio] .two-l{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){:root[data-site=studio] .shell{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}:root[data-site=studio] .sb{display:none}:root[data-site=studio] .sb-m{z-index:40;background:var(--primary);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex;position:sticky;top:0}:root[data-site=studio] .ptop{padding:12px 16px;position:static}:root[data-site=studio] .ptop .search{display:none}:root[data-site=studio] .pbody{padding:16px 14px 80px}:root[data-site=studio] .frow{grid-template-columns:minmax(0,1fr)}:root[data-site=studio] .studio .tbl td:nth-child(n+4),:root[data-site=studio] .studio .tbl th:nth-child(n+4){display:none}}@media (max-width:1560px){:root[data-site=studio] .two{grid-template-columns:minmax(0,1fr)}:root[data-site=studio] .two .panel{position:static}}:root[data-site=studio] .tbl{min-width:640px}:root[data-site=studio] .tbl td,:root[data-site=studio] .tbl th{vertical-align:middle}:root[data-site=studio] .tbl td{min-width:80px}:root[data-site=studio] .tbl td:last-child{white-space:nowrap}:root[data-site=academy] .l-top{z-index:30;background:var(--stage);min-height:56px;color:var(--stage-ink,#e8efec);justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}:root[data-site=academy] .l-top a{color:inherit}:root[data-site=academy] .l-grid{grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 56px);display:grid}:root[data-site=academy] .l-grid.focus{grid-template-columns:minmax(0,1fr)}:root[data-site=academy] .l-grid.focus .l-side{display:none}:root[data-site=academy] .l-side{border-inline-end:1px solid var(--border);background:var(--surface);align-self:start;max-height:calc(100vh - 56px);position:sticky;top:56px;overflow-y:auto}:root[data-site=academy] .l-stage{background:var(--stage);padding:24px clamp(16px,4vw,56px)}:root[data-site=academy] .player-box{aspect-ratio:16/9;background:#06130f;border-radius:12px;max-width:1200px;max-height:72vh;margin-inline:auto;overflow:hidden}:root[data-site=academy] .player-box [data-media-player]{--media-brand:#e58a1f;--media-focus-ring-color:#e58a1f;width:100%;height:100%}:root[data-site=academy] .l-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:48px;padding:8px 16px;font-size:15px;display:flex}:root[data-site=academy] .l-row:hover{background:var(--primary-soft)}:root[data-site=academy] .l-row.now{background:var(--primary-soft);font-weight:600}:root[data-site=academy] .l-row .st{width:18px;color:var(--ok);flex:none;justify-content:center;display:inline-flex}:root[data-site=academy] .l-mod{font:500 13px var(--f-mono);color:var(--text-soft);margin:14px 16px 6px}:root[data-site=academy] .l-prog{background:var(--border);border-radius:3px;height:6px;overflow:hidden}:root[data-site=academy] .l-prog>span{background:var(--cta);height:100%;display:block}:root[data-site=academy] .l-tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}:root[data-site=academy] .l-tab{min-height:48px;font:600 15px var(--f-ar);color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 16px}:root[data-site=academy] .l-tab.on{color:var(--primary);border-bottom-color:var(--cta)}:root[data-site=academy] .prompt{text-align:left;color:#d7e3de;font:15px/1.8 var(--f-mono);white-space:pre-wrap;direction:ltr;background:#0b1f19;border:1px solid #1e3a31;border-radius:10px;padding:16px;position:relative}:root[data-site=academy] .md h1,:root[data-site=academy] .md h2,:root[data-site=academy] .md h3{color:var(--primary);margin:1.2em 0 .5em;line-height:1.4}:root[data-site=academy] .md li,:root[data-site=academy] .md p{line-height:1.9}:root[data-site=academy] .md code{font-family:var(--f-mono);background:var(--primary-soft);direction:ltr;border-radius:4px;padding:2px 6px}:root[data-site=academy] .md pre{text-align:left;color:#d7e3de;direction:ltr;background:#0b1f19;border-radius:10px;padding:16px;overflow-x:auto}:root[data-site=academy] .md pre code{background:0 0;padding:0}@media (max-width:1024px){:root[data-site=academy] .l-grid{grid-template-columns:minmax(0,1fr)}:root[data-site=academy] .l-side{border-inline-end:0;border-top:1px solid var(--border);order:3;max-height:none;position:static}:root[data-site=academy] .l-stage{z-index:20;padding:0;position:sticky;top:56px}:root[data-site=academy] .player-box{border-radius:0;max-height:none}}:root,:root[data-site=personal]{--bg:#0b0f19;--surface:#161f30;--text:#e6edf3;--text-soft:#9aa7b8;--border:#24314a;--accent:#00d2b4;--cta:#ff5c35;--cta-ink:#0b0f19;--success:#00d2b4;--danger:#ff5c35;--stage:#070a12;--stage-ink:#e6edf3}:root[data-site=academy],:root[data-site=studio]{--bg:#f8f9fa;--surface:#fff;--text:#1a202c;--text-soft:#4a5568;--border:#e2e8f0;--accent:#0e3a2f;--cta:#e58a1f;--cta-ink:#1a202c;--success:#0e3a2f;--danger:#b4483a;--stage:#0b1f19;--stage-ink:#f8f9fa}html{background:var(--bg);color:var(--text)}body{font-family:var(--font-sans);font-size:16px;line-height:1.7}@media (min-width:1024px){body{font-size:18px}}code,kbd,pre{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}:root[data-site]{--f-ar:var(--font-arabic),system-ui,sans-serif;--f-mono:var(--font-code),ui-monospace,monospace}.rtl-flip:dir(ltr){transform:scaleX(-1)}.pp{border:1px solid var(--border);background:var(--surface);min-height:44px;font:600 14px var(--font-arabic),sans-serif;color:var(--text-soft);cursor:pointer;border-radius:8px;flex:1;transition:all .2s}.pp.on{border-color:var(--primary,var(--accent));background:var(--primary,var(--accent));color:#fff}.skip-link{z-index:100;color:#000;inset-inline-start:8px;background:#fff;border-radius:8px;padding:10px 16px;font-weight:600;position:absolute;top:-48px}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--cta);outline-offset:2px}:where(html[dir=rtl]) :where(span,b,a,p,time,small,strong,label)[dir=ltr]{text-align:right;unicode-bidi:isolate}:root[data-site][dir=rtl] :is(.h-xl,.h-l){line-height:1.3}html:root[data-site] :is(.pill,.l-tab,.pp,.tab,.seg button,.tag,.badge,.chip,.iconbtn,.nav-a,.tlink,.btn){line-height:1.45}html:root[data-site] .btn{padding-block:6px}html:root[data-site=studio] .tbl td:last-child{white-space:nowrap}html:root[data-site] :is(.pill,.l-tab,.pp,.tab,.tag,.badge,.btn,.iconbtn,.chip,.seg button,.slot-t,.paym){line-height:1.4}html:root[data-site] :is(h1,h2,h3,h4){line-height:1.35}html:root[data-site] .h-xl{line-height:1.25}body,html{overflow-x:clip}html:root[data-site] :is(.h-m,.h-s){line-height:1.4}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}