@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c412b9dae757a56d-s.p.1cdo_ayqo8nkw.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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-10EC4,U+10EFC-10EFF,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:300;font-display:swap;src:url(../media/c667f24a0ff78f14-s.2uew94uao4-oz.woff2)format("woff2");unicode-range:U+460-52F,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:300;font-display:swap;src:url(../media/eb89c7e1d2156adb-s.3h2q_oi0hwy8r.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c24ca030dfcb5061-s.42x_n7yf15d0k.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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:400;font-display:swap;src:url(../media/c9a0d344f313d307-s.p.3ik2qu-u9tgho.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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-10EC4,U+10EFC-10EFF,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(../media/aa914dbbd9a27e94-s.0n4hkusom70ae.woff2)format("woff2");unicode-range:U+460-52F,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(../media/5a1ede1938590d51-s.19gzon4xl8qiz.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,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(../media/5d6231e6818a3930-s.2vs72h_x6qrve.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/280fac012b00b901-s.p.3ihiqn4pviisd.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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-10EC4,U+10EFC-10EFF,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(../media/65b08f011bd29e21-s.00vfn3_g-ftpg.woff2)format("woff2");unicode-range:U+460-52F,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(../media/a1b65e215f8df202-s.3w3hylgez90of.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,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(../media/3347fc7792f0b5ea-s.0c7ha31nuacbu.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/ceec3e50f42c26e3-s.p.0da8nscnv1nkd.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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-10EC4,U+10EFC-10EFF,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(../media/b140408e2d7eae5d-s.2x1j3gzzngp4x.woff2)format("woff2");unicode-range:U+460-52F,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(../media/d3af3242084a193c-s.1jr_z050he_qo.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,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(../media/441492499fc86682-s.1fbvi_fot8u4l.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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(../media/5ad8fdb5805e9b4a-s.p.0-uv4l43gdmt7.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,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-10EC4,U+10EFC-10EFF,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(../media/bb8a9270184a3556-s.0phk7_etl12r4.woff2)format("woff2");unicode-range:U+460-52F,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(../media/b3f2ed44161db83e-s.3c64at4xi6rda.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,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(../media/84cd8d504984ae62-s.0iritm8hg8q1a.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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.0%;size-adjust:101.17%}.ibm_plex_sans_arabic_f9b57b73-module__Cdof-G__className{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.ibm_plex_sans_arabic_f9b57b73-module__Cdof-G__variable{--font-arabic:"IBM Plex Sans Arabic", "IBM Plex Sans Arabic Fallback"}
.haris-header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;padding-top:var(--space-3);padding-bottom:var(--space-3);background:#0e1524bf;position:sticky;top:0}.haris-header-inner{justify-content:space-between;align-items:center;display:flex}.haris-brand{align-items:center;gap:var(--space-3);text-decoration:none;display:flex}.haris-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--bg-surface-elevated), var(--bg-surface));border:1px solid var(--border-default);width:40px;height:40px;color:var(--accent);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.haris-brand-text{flex-direction:column;display:flex}.haris-brand-title{font-size:var(--font-lg);color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:var(--space-2);font-weight:700;display:flex}.haris-brand-badge{font-size:var(--font-xs);color:var(--accent-text);background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:var(--radius-sm);letter-spacing:.05em;padding:1px 6px;font-weight:600}.haris-brand-subtitle{font-size:var(--font-xs);color:var(--text-muted)}.haris-status-indicator{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);font-size:var(--font-xs);color:var(--text-secondary);display:flex}.haris-status-dot{border-radius:var(--radius-full);background:var(--success);width:8px;height:8px;box-shadow:0 0 8px var(--success);animation:2.5s ease-in-out infinite pulseGlow}.haris-hero{text-align:center;padding-top:var(--space-8);padding-bottom:var(--space-6)}.haris-hero-badge{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--accent-subtle);border:1px solid var(--accent-border);color:var(--accent-text);font-size:var(--font-xs);margin-bottom:var(--space-3);font-weight:600;display:inline-flex}.haris-hero-title{color:var(--text-primary);margin-bottom:var(--space-3);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.25}.haris-hero-title span{color:var(--accent)}.haris-hero-desc{font-size:var(--font-base);color:var(--text-secondary);max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.haris-analyzer-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-5);margin-bottom:var(--space-6);position:relative;overflow:hidden}@media (min-width:640px){.haris-analyzer-card{padding:var(--space-6)}}.haris-tabs{gap:var(--space-2);background:var(--bg-surface-subtle);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.haris-tab-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-muted);transition:all var(--transition-fast);font-weight:600;display:flex}.haris-tab-btn:hover{color:var(--text-primary);background:#ffffff08}.haris-tab-btn.active{background:var(--bg-surface-elevated);color:var(--accent-text);border:1px solid var(--border-default);box-shadow:var(--shadow-sm)}.haris-input-container{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.haris-textarea{width:100%;min-height:150px;padding:var(--space-4);background:var(--bg-surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-base);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);line-height:1.6}.haris-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.haris-textarea::placeholder{color:var(--text-muted)}.haris-input-footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.haris-char-count{font-size:var(--font-xs);color:var(--text-muted)}.haris-url-wrapper{background:var(--bg-surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex;position:relative}.haris-url-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-subtle)}.haris-url-icon{color:var(--text-muted);margin-left:var(--space-3);flex-shrink:0}.haris-url-input{color:var(--text-primary);font-size:var(--font-base);background:0 0;border:none;flex:1}.haris-url-input:focus{outline:none}.haris-url-hint{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);display:flex}.haris-dropzone{border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-subtle);padding:var(--space-8) var(--space-4);text-align:center;cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.haris-dropzone:hover,.haris-dropzone.drag-active{border-color:var(--accent);background:var(--accent-subtle)}.haris-dropzone-icon{border-radius:var(--radius-full);background:var(--bg-surface-elevated);border:1px solid var(--border-default);width:52px;height:52px;color:var(--accent);justify-content:center;align-items:center;display:flex}.haris-dropzone-title{font-size:var(--font-base);color:var(--text-primary);font-weight:600}.haris-dropzone-subtitle{font-size:var(--font-xs);color:var(--text-muted)}.haris-preview-box{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface-subtle);padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.haris-preview-info{align-items:center;gap:var(--space-3);display:flex;overflow:hidden}.haris-preview-thumb{border-radius:var(--radius-md);object-fit:cover;border:1px solid var(--border-default);width:56px;height:56px}.haris-preview-meta{flex-direction:column;display:flex;overflow:hidden}.haris-preview-name{font-size:var(--font-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.haris-preview-size{font-size:var(--font-xs);color:var(--text-muted)}.haris-primary-btn{justify-content:center;align-items:center;gap:var(--space-2);background:linear-gradient(135deg, var(--accent), var(--accent-hover));color:#fff;font-size:var(--font-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:600;display:inline-flex;box-shadow:0 2px 10px #0ea5e94d}.haris-primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e973}.haris-primary-btn:active:not(:disabled){transform:translateY(0)}.haris-primary-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.haris-secondary-btn{align-items:center;gap:var(--space-2);background:var(--bg-surface-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--font-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.haris-secondary-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.haris-demo-section{margin-top:var(--space-6)}.haris-demo-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--font-sm);color:var(--text-secondary);font-weight:600;display:flex}.haris-demo-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.haris-demo-grid{grid-template-columns:repeat(3,1fr)}}.haris-demo-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);text-align:right;transition:all var(--transition-fast);justify-content:space-between;gap:var(--space-2);flex-direction:column;display:flex}.haris-demo-card:hover{border-color:var(--accent);background:var(--bg-surface-elevated);transform:translateY(-2px)}.haris-demo-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.haris-demo-title{font-size:var(--font-sm);color:var(--text-primary);font-weight:700}.haris-demo-badge{font-size:var(--font-xs);border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent-border);padding:2px 6px;font-weight:600}.haris-demo-desc{font-size:var(--font-xs);color:var(--text-muted);line-height:1.5}.haris-loading-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;box-shadow:var(--shadow-card);margin-bottom:var(--space-6)}.haris-spinner{border:3px solid var(--border-default);border-top-color:var(--accent);width:48px;height:48px;margin:0 auto var(--space-4);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.haris-loading-title{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.haris-stages-list{gap:var(--space-2);text-align:right;flex-direction:column;max-width:480px;margin:0 auto;display:flex}.haris-stage-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-muted);background:var(--bg-surface-subtle);transition:all var(--transition-fast);border:1px solid #0000;display:flex}.haris-stage-item.active{color:var(--accent-text);background:var(--accent-subtle);border-color:var(--accent-border);font-weight:600}.haris-stage-item.completed{color:var(--success-text);background:#10b9810d;border-color:#10b98133}.haris-results{gap:var(--space-6);animation:fadeIn var(--transition-normal) forwards;flex-direction:column;display:flex}.haris-mock-banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--warning-border);font-size:var(--font-xs);color:var(--warning-text);background:#f59e0b14;justify-content:space-between;align-items:center;display:flex}.haris-results-header-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.haris-results-header-card{grid-template-columns:auto 1fr;align-items:center}}.haris-score-box{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface-subtle);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:170px;display:flex}.haris-score-box.danger{border-color:var(--danger-border);background:var(--danger-subtle)}.haris-score-box.warning{border-color:var(--warning-border);background:var(--warning-subtle)}.haris-score-box.success{border-color:var(--success-border);background:var(--success-subtle)}.haris-score-num{font-size:var(--font-4xl);letter-spacing:-.02em;font-weight:800;line-height:1}.haris-score-box.danger .haris-score-num{color:var(--danger)}.haris-score-box.warning .haris-score-num{color:var(--warning)}.haris-score-box.success .haris-score-num{color:var(--success)}.haris-score-max{font-size:var(--font-sm);color:var(--text-muted);margin-top:2px}.haris-score-label{font-size:var(--font-sm);color:var(--text-primary);margin-top:var(--space-2);font-weight:700}.haris-score-disclaimer{font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.haris-verdict-details{gap:var(--space-3);flex-direction:column;display:flex}.haris-verdict-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.haris-badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-xs);padding:4px 10px;font-weight:700;display:inline-flex}.haris-badge.danger{background:var(--danger-subtle);border:1px solid var(--danger-border);color:var(--danger-text)}.haris-badge.warning{background:var(--warning-subtle);border:1px solid var(--warning-border);color:var(--warning-text)}.haris-badge.success{background:var(--success-subtle);border:1px solid var(--success-border);color:var(--success-text)}.haris-scam-type-title{font-size:var(--font-xl);color:var(--text-primary);font-weight:800}.haris-summary-text{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.7}.haris-section-title{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.haris-section-desc{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-4)}.haris-dna-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (min-width:640px){.haris-dna-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.haris-dna-grid{grid-template-columns:repeat(3,1fr)}}.haris-dna-group-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.haris-dna-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-2);transition:all var(--transition-fast);flex-direction:column;display:flex}.haris-dna-card.detected{background:linear-gradient(135deg, #ef444414, var(--bg-surface));border-color:#ef444473;box-shadow:0 4px 16px -4px #ef44442e}.haris-dna-card.detected:hover{border-color:var(--danger);transform:translateY(-1px)}.haris-dna-card-header{justify-content:space-between;align-items:center;display:flex}.haris-dna-card-name{font-size:var(--font-sm);color:var(--text-primary);font-weight:700}.haris-dna-card-en{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.haris-dna-detail{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.5}.haris-dna-evidence-tag{margin-top:var(--space-1);background:var(--bg-surface-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);font-size:11px;line-height:1.4}.haris-dna-card-footer{padding-top:var(--space-2);justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.haris-dna-empty-observed{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--success-text);font-size:var(--font-sm);background:#10b9810f;border:1px solid #10b98140;font-weight:500;display:flex}.haris-dna-unobserved-grid{gap:var(--space-2);grid-template-columns:1fr;display:grid}@media (min-width:640px){.haris-dna-unobserved-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.haris-dna-unobserved-grid{grid-template-columns:repeat(4,1fr)}}.haris-dna-unobserved-item{padding:var(--space-2) var(--space-3);background:var(--bg-surface-subtle);border:1px dashed var(--border-subtle);border-radius:var(--radius-md);opacity:.75;transition:opacity var(--transition-fast), border-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.haris-dna-unobserved-item:hover{opacity:1;border-color:var(--border-default)}.haris-dna-unobserved-name{font-size:var(--font-xs);color:var(--text-secondary);font-weight:600}.haris-dna-unobserved-en{color:var(--text-muted);font-size:10px}.haris-evidence-list{gap:var(--space-3);flex-direction:column;display:flex}.haris-evidence-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);transition:border-color var(--transition-fast);align-items:flex-start;display:flex}.haris-evidence-card:hover{border-color:var(--border-strong)}.haris-evidence-icon{border-radius:var(--radius-md);background:var(--danger-subtle);border:1px solid var(--danger-border);width:32px;height:32px;color:var(--danger);flex-shrink:0;justify-content:center;align-items:center;display:flex}.haris-evidence-body{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.haris-evidence-title{font-size:var(--font-sm);color:var(--text-primary);font-weight:700}.haris-evidence-desc{font-size:var(--font-xs);color:var(--text-secondary);line-height:1.6}.haris-evidence-verbatim-container{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:#0ea5e90a;border:1px solid #0ea5e938;flex-direction:column;gap:4px;margin-top:2px;display:flex}.haris-evidence-verbatim-header{align-items:center;gap:var(--space-1);display:flex}.haris-evidence-quote-icon{color:var(--accent);flex-shrink:0}.haris-evidence-verbatim-badge{color:var(--accent-text);letter-spacing:.01em;font-size:11px;font-weight:600}.haris-evidence-quote-box{background:var(--bg-surface-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);width:fit-content;max-width:100%;padding:4px 10px;display:inline-block}.haris-evidence-quote-text{font-size:var(--font-sm);color:var(--text-primary);word-break:break-all;font-weight:600}.haris-advice-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:border-color var(--transition-normal), background var(--transition-normal)}.haris-advice-card.risk-high{background:linear-gradient(135deg, #ef44440d, var(--bg-surface));border-color:#ef444459;box-shadow:0 4px 16px -4px #ef44441f}.haris-advice-card.risk-suspicious{background:linear-gradient(135deg, #f59e0b0d, var(--bg-surface));border-color:#f59e0b59;box-shadow:0 4px 16px -4px #f59e0b1a}.haris-advice-card.risk-low{background:linear-gradient(135deg, #10b9810d, var(--bg-surface));border-color:#10b9814d;box-shadow:0 4px 16px -4px #10b9811a}.haris-advice-header{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.haris-advice-list{gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;list-style:none;display:flex}.haris-advice-item{align-items:flex-start;gap:var(--space-3);font-size:var(--font-sm);color:var(--text-primary);line-height:1.5;display:flex}.haris-advice-card.risk-low .haris-advice-item{color:var(--text-secondary)}.haris-advice-card.risk-high .haris-advice-item{color:var(--text-primary);font-weight:500}.haris-advice-bullet{transition:color var(--transition-fast);flex-shrink:0;margin-top:2px}.haris-uncertainty-card{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--font-xs);color:var(--text-muted);gap:var(--space-3);align-items:flex-start;display:flex}.haris-uncertainty-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.haris-footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-6);padding-bottom:var(--space-6);text-align:center;font-size:var(--font-xs);color:var(--text-muted);margin-top:auto}
:root{--bg-app:#080c14;--bg-surface:#0e1524;--bg-surface-elevated:#141f35;--bg-surface-hover:#1c2b48;--bg-surface-subtle:#0a0f1b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#080c14;--border-subtle:#172338;--border-default:#1e2f4d;--border-strong:#2c426b;--border-focus:#0ea5e9;--danger:#ef4444;--danger-subtle:#ef44441f;--danger-border:#ef444459;--danger-text:#fca5a5;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--warning-border:#f59e0b59;--warning-text:#fcd34d;--success:#10b981;--success-subtle:#10b9811f;--success-border:#10b98159;--success-text:#6ee7b7;--accent:#0ea5e9;--accent-hover:#0284c7;--accent-subtle:#0ea5e91a;--accent-border:#0ea5e947;--accent-text:#7dd3fc;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--font-xs:.75rem;--font-sm:.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-4xl:2.25rem;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 14px -2px #00000080;--shadow-lg:0 10px 30px -5px #000000a6;--shadow-card:0 0 0 1px var(--border-default), 0 8px 24px -4px #00000080;--transition-fast:.15s ease;--transition-normal:.24s cubic-bezier(.16, 1, .3, 1);--transition-slow:.38s cubic-bezier(.16, 1, .3, 1);--max-width:1024px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-arabic,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);background-color:var(--bg-app);color:var(--text-primary);text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;line-height:1.6}body{background-color:var(--bg-app);background-image:radial-gradient(60% 40% at 50% -10%,#0ea5e914,#0000 70%),radial-gradient(40% 30% at 50% 100%,#ef44440a,#0000 70%);background-repeat:no-repeat;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}.ltr-text,.url-token,code,input[type=url],.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-align:left!important;direction:ltr!important;unicode-bidi:isolate!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface-subtle)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.8}50%{opacity:.3}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.container{width:100%;max-width:var(--max-width);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}
