@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Tajawal:wght@400;700&family=Montserrat:wght@400;700&family=Roboto:wght@400;700&display=swap";html.dark{--bg-primary:#01080e;--bg-secondary:#011627;--bg-tertiary:#011221;--bg-primary-hovered:#263b50;--text-primary:#f2f2f2;--text-secondary:#607b96;--text-link:#43d9ad;--text-inverted:#212529;--accent-primary:#fea55f;--accent-secondary:#43d9ad;--accent-error:#e99287;--accent-warning:#ffd714;--accent-success:#43d9ad;--btn-primary-bg:#fea55f;--btn-primary-text:#01080e;--btn-secondary-bg:#1c2b3a;--btn-secondary-text:#f2f2f2;--btn-tertiary-bg:transparent;--btn-tertiary-text:#f2f2f2;--btn-tertiary-border:#1e2d3d;--lines-color:#1e2d3d;--gradient-start:#4d5bce;--gradient-end:#43d9ad;--code-bg:#001221;--thememode-toggle-bg:#1c2b3a;--thememode-toggle-text:#f2f2f2;--thememode-toggle-border:#1e2d3d;--thememode-toggle-hover-bg:#263b50;--thememode-toggle-hover-border:#fea55f;--thememode-dropdown-bg:#01080e;--thememode-dropdown-border:#1e2d3d;--thememode-dropdown-item-text:#f2f2f2;--thememode-dropdown-item-hover-bg:#263b50;--thememode-dropdown-item-active-bg:#263b50;--thememode-dropdown-item-active-text:#fea55f;--scrollbar-track:#011627;--scrollbar-thumb:#fea55f;--scrollbar-thumb-hover:#ffd714;--scrollbar-border:#1e2d3d}html.light{--bg-primary:#f2f2f2;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-primary-hovered:#f0f0f0;--text-primary:#212529;--text-secondary:#5a6268;--text-link:#17a2b8;--text-inverted:#f2f2f2;--accent-primary:#007bff;--accent-secondary:#17a2b8;--accent-error:#dc3545;--accent-warning:#ffc107;--accent-success:#28a745;--btn-primary-bg:#007bff;--btn-primary-text:#f2f2f2;--btn-secondary-bg:#e2e6ea;--btn-secondary-text:#212529;--btn-tertiary-bg:transparent;--btn-tertiary-text:#212529;--btn-tertiary-border:#ced4da;--lines-color:#ced4da;--gradient-start:#007bff;--gradient-end:#17a2b8;--code-bg:#f1f3f5;--thememode-toggle-bg:#e2e6ea;--thememode-toggle-text:#212529;--thememode-toggle-border:#ced4da;--thememode-toggle-hover-bg:#f0f0f0;--thememode-toggle-hover-border:#007bff;--thememode-dropdown-bg:#f8f9fa;--thememode-dropdown-border:#ced4da;--thememode-dropdown-item-text:#5a6268;--thememode-dropdown-item-hover-bg:#f0f0f0;--thememode-dropdown-item-active-bg:#f0f0f0;--thememode-dropdown-item-active-text:#007bff;--font-size-headline:3.875rem;--font-size-sub-headline:2rem;--font-size-body:1.125rem;--font-size-labels:1rem;--font-size-code:.875rem;--font-family-main:Galaxy,monospace;--scrollbar-track:#f8f9fa;--scrollbar-thumb:#007bff;--scrollbar-thumb-hover:#ffc107;--scrollbar-border:#ced4da}:root{--accent-color:#fea55f}@font-face{font-family:Galaxy;font-style:normal;font-weight:700;src:url(../fonts/Galaxy.woff2) format("woff2")}body{font-family:Galaxy,monospace;font-size:1.125rem}html[lang=ar] body{font-family:Galaxy,sans-serif,monospace}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(1.875rem)}to{opacity:1;transform:translateY(0)}}.slide-in-up{animation:slideInUp .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse-animation{animation:pulse 1.5s ease-in-out infinite}.transition-all-fast{transition:all .2s ease-in-out}.transition-colors-fast{transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out}.sr-only{height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem;clip:rect(0,0,0,0);border:0;white-space:nowrap}.clearfix:after{clear:both;content:"";display:table}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.button-style{border:transparent;border-radius:.5em;cursor:pointer;padding:.9375rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button-style.primary{background-color:#fea55f;color:#01080e}.button-style.primary:hover{opacity:.7}.button-style.primary:focus-visible{opacity:.7}.button-style.default{background-color:#1c2b3a;color:#f2f2f2}.button-style.default:hover{opacity:.7}.button-style.default:focus-visible{opacity:.7}.button-style.ghost{background-color:transparent;border:.0625rem solid #f2f2f2;color:#f2f2f2}.button-style.ghost:hover{opacity:.5}.button-style.ghost:focus-visible{opacity:.5}.button-style.danger{background-color:var(--accent-error);border:.0625rem solid #f2f2f2;color:var(--text-primary)}.button-style.danger:hover{opacity:.5}.button-style.danger:focus-visible{opacity:.5}.button-style.success{background-color:var(--accent-success);border:.0625rem solid #f2f2f2;color:var(--text-primary)}.button-style.success:hover{opacity:.5}.button-style.success:focus-visible{opacity:.5}
