@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&family=Righteous&family=Stack+Sans+Text:wght@200..700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bright:#f1e9db;--dark:#07020d;--accent-color:#db4d48;--border-color:#a7736c;--accent-shade:#cc423f;--border-width:1px;--font-en:"Righteous",sans-serif;--font-ar:"IBM Plex Sans Arabic",sans-serif;--header-font:var(--font-en);--main-font:"Stack Sans Text",sans-serif;--btn-font:"Stack Sans Text",sans-serif;--bg-glass:#ffffff0d;--border-glass:#ffffff1a;--bg-glass-hover:#ffffff1a;--border-glass-hover:#fff3;--bg-code:#1e1e1e;--bg-code-header:#252526;--code-font:"Consolas","Monaco","Courier New",monospace;--shadow-heavy:0 1.25rem 3.125rem #00000080}:root:lang(ar){--main-font:var(--font-ar);--header-font:var(--font-ar)}h1,h2,h3,h4,h5,h6{font-family:Righteous,sans-serif;font-family:var(--header-font)}*{box-sizing:border-box;font-family:Stack Sans Text,sans-serif;font-family:var(--main-font);margin:0;padding:0;text-decoration:none;word-break:keep-all}html{height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth}section{scroll-margin-top:6.25rem;scroll-snap-align:start;scroll-snap-stop:always}body{background-color:#07020d;background-color:var(--dark);min-height:100vh}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000;margin-block:.5rem}::-webkit-scrollbar-thumb{background-clip:content-box;border:2px solid #0000;border-radius:10px;-webkit-transition:background-color .3s;transition:background-color .3s}:hover::-webkit-scrollbar-thumb{background-color:#ffffff4d}::-webkit-scrollbar-thumb:hover{background-color:#db4d48!important;background-color:var(--accent-color)!important}.App{-webkit-border-end:1px solid #a7736c;-webkit-border-end:var(--border-width) solid var(--border-color);-webkit-border-start:1px solid #a7736c;-webkit-border-start:var(--border-width) solid var(--border-color);border-inline-end:1px solid #a7736c;border-inline-end:var(--border-width) solid var(--border-color);border-inline-start:1px solid #a7736c;border-inline-start:var(--border-width) solid var(--border-color);box-sizing:border-box;margin:0 auto;max-width:87.5rem;min-height:100vh;position:relative;width:80%}footer,header,section{-webkit-padding-start:5%;-webkit-padding-end:5%;box-sizing:border-box;padding-inline-end:5%;padding-inline-start:5%;width:100%}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07020d4d;padding-block:1rem;padding-inline:10%;position:-webkit-sticky;position:sticky;top:0;transition:padding .3s ease;width:100%;z-index:1000}nav{color:#f1e9db;color:var(--bright);font-family:Righteous,sans-serif;font-family:var(--header-font);font-size:1rem;font-weight:400}nav ul{align-items:center;display:flex;flex-wrap:wrap;gap:5vw;justify-content:flex-end;list-style:none;width:100%}nav .logo-item{-webkit-margin-end:auto;margin-inline-end:auto}nav a,nav li{align-items:center;display:flex}nav a{border-radius:3.125rem;color:#f1e9db;color:var(--bright);padding:.8rem 1.5rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s;white-space:nowrap}nav a:hover{background-color:#db4d48;background-color:var(--accent-color);box-shadow:0 0 15px #ff5f564d;transform:translateY(-2px)}nav .logo:hover{box-shadow:none!important;transform:none!important}nav .logo,nav .logo:hover{background-color:initial!important}nav .logo{padding:0}.logo-img{display:block;height:3.75rem;width:auto}.icons-start{-webkit-padding-start:10px;padding-inline-start:10px}.icons-end{-webkit-padding-end:10px;padding-inline-end:10px}.low_opacity_bg{background-color:#cc423f;background-color:var(--accent-shade)}.lang-btn{align-items:center;background:#0000;border:1px solid #f1e9db;border:1px solid var(--bright);border-radius:3.125rem;color:#f1e9db;color:var(--bright);cursor:pointer;display:flex;font-family:Stack Sans Text,sans-serif;font-size:1rem;padding:.5rem 1.2rem;transition:all .3s ease}.lang-btn:hover{background-color:#f1e9db;background-color:var(--bright);color:#07020d;color:var(--dark)}.lang-btn .icons-end{-webkit-padding-end:8px;padding-inline-end:8px}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-block:2rem;min-height:calc(100vh - 9.375rem);perspective:62.5rem;position:relative}.hero-title{word-wrap:break-word;color:#f1e9db;color:var(--bright);font-family:Righteous,sans-serif;font-family:var(--header-font);font-size:clamp(1.8rem,10vw,3.5rem);font-weight:700;margin-bottom:2rem;padding-inline:10px;text-align:center;white-space:normal;width:100%}@keyframes fadeInParagraph{0%{opacity:0}to{opacity:.8}}.hero-desc{animation:fadeInParagraph 6s ease forwards;color:#f1e9db;color:var(--bright);max-width:50rem;text-align:center}.hero-content{align-items:center;display:flex;flex-direction:column;gap:2rem;width:100%}.split-char,.split-word{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:inline-block;font-family:Righteous,sans-serif;font-family:var(--header-font);will-change:transform,opacity}p{color:#f1e9db;color:var(--bright);font-size:1.2rem;margin-top:1rem;max-width:50rem;text-align:center}.btn-group{flex-wrap:wrap;gap:1.25rem;margin-top:1rem}.btn,.btn-group{display:flex;justify-content:center}.btn{align-items:center;animation:fadeIn 4s ease forwards;background:#0000;border:1px solid #f1e9db;border:1px solid var(--bright);border-radius:3.125rem;color:#f1e9db;color:var(--bright);cursor:pointer;display:inline-flex;font-family:Stack Sans Text,sans-serif;font-family:var(--btn-font);font-size:1rem;font-weight:700;margin:0 10px;padding:.5rem 1.5rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.btn:hover{background-color:#cc423f;background-color:var(--accent-shade);border-color:#07020d;border-color:var(--dark);box-shadow:0 0 15px #ff5f564d;transform:translateY(-2px)}.btn .icons-end{-webkit-padding-end:8px;padding-inline-end:8px}footer{align-items:center;display:flex;font-family:Righteous,sans-serif;font-family:var(--font-en);justify-content:center;padding-bottom:1rem;padding-top:2rem;scroll-snap-align:end;width:100%}footer a{color:#f1e9db;color:var(--bright);font-size:.9rem;margin:0;text-align:center}footer a:hover{color:#cc423f;color:var(--accent-shade)}.analyse-btn{display:flex;gap:1rem;justify-content:center}.results-section{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#cc423f;color:var(--accent-shade);margin:5rem;padding-bottom:2rem;padding-top:2rem;padding-inline:3rem;transition:all .3s ease}.res-green{border-color:#27c93f;color:#27c93f;text-align:center}.res-yellow{border-color:#ffbd2e;color:#ffbd2e;text-align:start}.res-red{border-color:#ff5f56;color:#ff5f56;text-align:start}.results-section h3{font-size:1.5rem;margin-bottom:1rem}.results-section ul{list-style-position:inside}.results-section li{padding-top:.6rem}.en-code,.results-section li{font-family:Consolas,Monaco,Courier New,monospace!important}.en-code{direction:ltr;display:inline-block;unicode-bidi:embed}.blog-container{min-height:100vh;padding-bottom:4rem}.blog-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-block:2rem;min-height:calc(100vh - 9.375rem);padding:3rem 1rem;text-align:center}.blog-title{font-size:2.5rem;margin-bottom:1rem}.blog-subtitle,.blog-title{color:#f1e9db;color:var(--bright)}.blog-subtitle{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:37.5rem;opacity:.8}.blog-grid{display:flex;flex-direction:column;gap:4rem;margin:0 auto;max-width:56.25rem}.blog-article{padding:0 1.25rem;scroll-margin-top:6.25rem;scroll-snap-align:start;scroll-snap-stop:always}.article-title{color:#db4d48;color:var(--accent-color);font-size:1.8rem;margin-bottom:1rem}.article-desc{color:#f1e9db;color:var(--bright);font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem;text-align:start}.fix-box{-webkit-border-start:3px solid #db4d48;-webkit-border-start:3px solid var(--accent-color);background:#ffffff0d;border-inline-start:3px solid #db4d48;border-inline-start:3px solid var(--accent-color);border-radius:8px;margin-bottom:1.5rem;padding:1rem}html[dir=rtl] .fix-box{-webkit-border-start:none;-webkit-border-end:3px solid #db4d48;-webkit-border-end:3px solid var(--accent-color);border-inline-end:3px solid #db4d48;border-inline-end:3px solid var(--accent-color);border-inline-start:none}.fix-label{display:block;font-weight:700;margin-bottom:.5rem}.fix-label,.fix-text{color:#f1e9db;color:var(--bright)}.fix-text{opacity:.9}.video-btn{align-items:center;display:inline-flex;font-size:.9rem;gap:10px;width:-webkit-fit-content;width:fit-content}.divider{border-color:#ffffff1a;margin-top:3rem}@media (max-width:48rem){.App{border:none;padding:0}nav ul{gap:10px}nav .logo-item,nav ul{justify-content:center}nav .logo-item{-webkit-margin-end:0;display:flex;margin-inline-end:0;margin-bottom:1rem;width:100%}nav a{font-size:.8rem;padding:.5rem 1rem}.hero-title{font-size:2.5rem}.lang-btn{font-size:.7rem;padding:.5rem .6rem}.lang-btn .icons-end{-webkit-padding-end:2px;padding-inline-end:2px}.btn-group{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center;margin-top:1rem}.btn{font-size:.8rem;margin:0 10px;padding:.5rem .8rem}.icons-end{-webkit-padding-end:3px;padding-inline-end:3px}}.code-section{position:relative;z-index:50}.file-list-header{color:#f1e9db;color:var(--bright);margin-bottom:1.25rem;text-align:center}.file-grid{grid-gap:.9375rem;display:grid;gap:.9375rem;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));max-height:25rem;overflow-y:auto;padding:.625rem}.file-item{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#f1e9db;color:var(--bright);display:flex;font-size:.9rem;gap:10px;padding:.9375rem}.file-icon{color:#db4d48;color:var(--accent-color);font-size:1.2rem}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warning-group{margin-bottom:.9375rem}.warning-group-title{border-bottom:1px solid #ffffff1a;color:#f1e9db;color:var(--bright);font-size:1.1rem;letter-spacing:.5px;margin:0 0 10px;opacity:.9;padding-bottom:6px;text-transform:uppercase}.warning-list{list-style:none;margin:0;padding:0}.warning-item{line-height:1.5;margin-bottom:8px}.fix-link,.fix-link:visited,a.fix-link{align-items:flex-start;color:currentColor!important;cursor:pointer;display:flex;gap:10px;text-decoration:none}.fix-link:hover{opacity:.9;text-decoration:none}.fix-link-text{-webkit-margin-start:8px;font-size:.9em;margin-inline-start:8px;opacity:.8;text-decoration:underline}.warning-msg-container{align-items:flex-start;color:inherit;display:flex;gap:10px}.upload-box{align-items:center;background:#ffffff0d;background:var(--bg-glass);border:2px dashed #fff3;border:2px dashed var(--border-glass-hover);border-radius:12px;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;padding:3rem;text-align:center;transition:all .3s ease}.drag-active,.upload-box:hover{background:#ffffff14;border-color:#db4d48;border-color:var(--accent-color)}.upload-icon-large{color:#db4d48;color:var(--accent-color);font-size:3rem;margin-bottom:.5rem}.upload-box h3{font-size:1.5rem;margin:0}.upload-box h3,.upload-subtext{color:#f1e9db;color:var(--bright)}.upload-subtext{font-size:.9rem;margin-top:0!important;opacity:.6}.upload-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.btn-secondary{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:3rem;color:#f1e9db;color:var(--bright);cursor:pointer;display:flex;font-family:Stack Sans Text,sans-serif;font-family:var(--btn-font);font-size:1rem;gap:10px;padding:.8rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#db4d48;background:var(--accent-color);border-color:#db4d48;border-color:var(--accent-color);box-shadow:0 0 15px #ff5f564d;color:#fff;transform:translateY(-2px)}.section-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-glass);display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h2{color:#f1e9db;color:var(--bright);font-size:1.5rem;line-height:1.2;margin:0}.action-buttons{display:flex;gap:.8rem}.btn-icon{align-items:center;background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:50%;color:#f1e9db;color:var(--bright);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-icon:hover{background:#db4d48;background:var(--accent-color);border-color:#db4d48;border-color:var(--accent-color);box-shadow:0 0 15px #ff5f564d;color:#fff;transform:translateY(-2px)}.project-score-container{align-items:center;animation:fadeIn 1s ease forwards;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;margin-top:2rem}.score-title{color:#f1e9db;color:var(--bright);font-family:Stack Sans Text,sans-serif;font-family:var(--btn-font);font-size:1.2rem;margin-bottom:1rem;opacity:.9}.circular-chart{display:block;margin:0 auto;max-height:250px;max-width:80%}.circle-bg{stroke:#ffffff1a}.circle,.circle-bg{fill:none;stroke-width:2.5}.circle{stroke-linecap:round;animation:progress 1.5s ease-out forwards;transform:rotate(-90deg);transform-origin:50% 50%}.percentage-text{fill:#f1e9db;fill:var(--bright);text-anchor:middle;font-family:Righteous,sans-serif;font-family:var(--font-en);font-size:.6em;font-weight:700}@keyframes progress{0%{stroke-dasharray:0,100}}.code-window{background-color:var(--bg-code);border:1px solid var(--border-glass);border-radius:.75rem;box-shadow:var(--shadow-heavy);direction:ltr;font-family:var(--code-font)!important;margin:2rem auto;max-width:50rem;overflow:hidden;text-align:start;width:100%}.window-header{align-items:center;background-color:var(--bg-code-header);border-bottom:1px solid var(--border-glass);display:flex;padding:.625rem 1.25rem;position:relative}.filename{color:var(--bright);font-size:.9rem;font-weight:500;letter-spacing:.03rem;opacity:.8;z-index:10}.copy-btn,.filename{font-family:Segoe UI,sans-serif}.copy-btn{-webkit-margin-start:auto;align-items:center;background:#0000;border:1px solid #444;border-radius:.25rem;color:#ccc;cursor:pointer;display:flex;font-size:.8rem;gap:.375rem;margin-inline-start:auto;padding:.25rem .625rem;transition:all .2s ease}.copy-btn:hover{background-color:#333;border-color:#666;color:#fff}.copy-btn.copied{background-color:#1e3a1e;border-color:#2e5a2e;color:#4caf50}.window-body{background-color:var(--bg-code)}.code-section{align-items:center;animation:fadeIn .5s ease forwards;display:flex;flex-direction:column;justify-content:center;padding-bottom:2rem;padding-top:2rem}.code-fade-overlay{background:linear-gradient(180deg,#1e1e1e00,#1e1e1e);bottom:0;height:5rem;inset-inline-start:0;pointer-events:none;position:absolute;width:100%;z-index:5}.code-footer-btn{align-items:center;background-color:#007acc;border:none;color:#fff;cursor:pointer;display:flex;font-family:Segoe UI,sans-serif;font-size:.8rem;gap:.5rem;justify-content:center;padding:.5rem;transition:background .2s;width:100%}.code-footer-btn:hover{background-color:#0063a5}.code-window code,.code-window pre,.code-window span{font-family:var(--code-font)!important}.wizard-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#000000b3;display:flex;height:100%;inset:0;justify-content:center;position:fixed;width:100%;z-index:2000}.wizard-card{animation:slideUp .3s ease;background:var(--dark);border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:var(--shadow-heavy);color:var(--bright);font-family:var(--main-font);max-height:90vh;max-width:30rem;overflow-y:auto;padding:1.56rem;width:90%}.wizard-title{-webkit-margin-after:1.25rem;color:var(--accent-color);font-family:var(--font-en);font-size:1.3rem;font-weight:700;margin-block-end:1.25rem;text-align:center}.wizard-section{-webkit-margin-after:.94rem;margin-block-end:.94rem}.wizard-section h4{-webkit-margin-after:.625rem;border-bottom:1px solid #ffffff1a;color:var(--bright);font-size:.95rem;margin-block-end:.625rem;opacity:.9;padding-bottom:.31rem}.mode-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:repeat(2,1fr)}.project-type-grid{grid-gap:.625rem;display:grid;gap:.625rem;grid-template-columns:1fr 1fr}.mode-option{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:5.625rem;padding:.625rem;text-align:center;transition:all .3s ease}.mode-option:hover{background:#ffffff14;border-color:var(--accent-color);transform:translateY(-2px)}.mode-option.selected{background:#ff5f561a;border-color:var(--accent-color);box-shadow:0 0 .94rem #ff5f5633}.mode-icon{-webkit-margin-after:.5rem;color:#a0a0a0;font-size:1.5rem;margin-block-end:.5rem;transition:color .3s}.mode-option.selected .mode-icon{color:var(--accent-color)}.mode-label{color:var(--bright);font-size:.85rem;line-height:1.2}.input-group{-webkit-margin-after:.625rem;margin-block-end:.625rem}.input-group label{-webkit-margin-after:.31rem;color:var(--bright);display:block;font-size:.85rem;margin-block-end:.31rem;opacity:.8}.input-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;color:var(--bright);font-family:monospace;font-size:.95rem;padding:.625rem;transition:border-color .2s;width:100%}.input-group input:focus{border-color:var(--accent-color);outline:none}.wizard-actions{border-top:1px solid #ffffff0d;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:.94rem}.wizard-btn{border:1px solid #0000;border-radius:1.875rem;cursor:pointer;font-family:var(--btn-font);font-size:.9em;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.btn-cancel{background:#0000;border-color:#fff3;color:var(--bright);opacity:.7}.btn-cancel:hover{border-color:var(--bright);opacity:1}.btn-start{background:var(--accent-color);box-shadow:0 .25rem .94rem #ff5f564d;color:#fff}.btn-start:hover{background:var(--accent-shade);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.51009786.css.map*/