@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/static/fonts/azarmehr-thin.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/static/fonts/azarmehr-light.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/azarmehr-regular.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/azarmehr-medium.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/static/fonts/azarmehr-semibold.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/fonts/azarmehr-bold.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/static/fonts/azarmehr-extrabold.woff2) format("woff2");
}
@font-face {
  font-family: "AzarMehr";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/static/fonts/azarmehr-black.woff2) format("woff2");
}
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/vazirmatn-arabic-400-normal.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-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;
}
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/vazirmatn-arabic-500-normal.woff2) format("woff2");
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-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;
}
@font-face {
  font-family: "Vazirmatn";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/vazirmatn-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, 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: "Vazirmatn";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/vazirmatn-latin-500-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, 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: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/fonts/poppins-latin-400-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, 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: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/fonts/poppins-latin-500-normal.woff2) format("woff2");
  unicode-range: U+0000-00FF, 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;
}

:root {
  /* Capati brand — Sienna warm, from panel.capati.app/brandguide */
  --m-brand-50: #F9ECE6;
  --m-brand-200: #EFD2C6;
  --m-brand-300: #D67D5F;
  --m-brand-500: #C9694A;
  --m-brand-600: #A9533A;
  --m-brand-800: #8A4229;
  --m-brand-blue: #E08E6E;
  --m-accent-500: #6B8CA3;
  --m-green-500: #799E7E;
  --m-success: #5F9A6A;
  --m-danger: #D14343;
  --m-warning: #D4952F;
  --m-info: #6B8CA3;
  --m-bg: #FFFFFF;
  --m-surface: #FAFAFA;
  --m-surface-hover: #EFEFEF;
  --m-border: #E3E3E3;
  --m-text: #171717;
  --m-text-2: #5C5C5C;
  --m-text-3: #9A9AA3;
  --m-gradient-brand: linear-gradient(135deg, #C9694A 0%, #E08E6E 100%);
  --m-gradient-soft: linear-gradient(135deg, rgba(201,105,74,.12) 0%, rgba(224,142,110,.12) 100%);
  --m-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --m-shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --m-shadow-lg: 0 8px 30px rgba(0,0,0,.12);
  --m-shadow-glow: 0 0 24px rgba(201,105,74,.18);
  /* Mijooo aliases — map to Capati */
  --mijoo: var(--m-brand-500);
  --mijoo-deep: var(--m-brand-600);
  --mijoo-ink: var(--m-brand-800);
  --mijoo-soft: var(--m-brand-50);
  --mijoo-peach: var(--m-brand-blue);
  --mijoo-cream: #FDF8F5;
  --mijoo-teal: var(--m-accent-500);
  --mijoo-teal-deep: #3F5B6E;
  --mijoo-teal-soft: #EBF1F5;
  --mijoo-sand: var(--m-brand-200);
  --mijoo-blush: var(--m-brand-50);
  /* Legacy aliases */
  --blue: var(--m-brand-500);
  --blue-deep: var(--m-brand-600);
  --blue-ink: var(--m-brand-800);
  --blue-soft: var(--m-brand-50);
  --blue-chart: var(--m-brand-500);
  --red: var(--m-danger);
  --red-ink: #9B2C2C;
  --red-soft: #FBEAEA;
  --yellow: var(--m-warning);
  --yellow-ink: #8F6220;
  --yellow-soft: #FBF1DE;
  --green: var(--m-green-500);
  --green-ink: #3F6E48;
  --green-soft: #EAF3EC;
  --text: var(--m-text);
  --text-2: var(--m-text-2);
  --text-3: var(--m-text-3);
  --line: var(--m-border);
  --line-soft: #F0EDE8;
  --search-line: var(--m-border);
  --bg: var(--m-bg);
  --surface: #FFFFFF;
  --hover: var(--m-surface-hover);
  --link: var(--m-brand-500);
  --url: var(--m-green-500);
  --shadow: var(--m-shadow-md);
  --shadow-soft: var(--m-shadow-lg);
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: "AzarMehr", Vazirmatn, Roboto, sans-serif;
  color: var(--text);
  background: var(--surface);
  line-height: 1.5;
}
a { color: inherit; }
button, input { font: inherit; }
h1, h2, p { margin: 0; }

body.home-page, body.serp { background: #fff; color: #202124; }
.g-top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  height: 64px;
  padding: 0 28px;
}
.theme-toggle {
  height: 36px;
  padding: 0 14px;
  border: 1px solid #dadce0;
  border-radius: 18px;
  background: #fff;
  color: #3c4043;
  font-size: 13px;
  cursor: pointer;
}
.theme-toggle .when-dark { display: none; }
html[data-theme="dark"] .theme-toggle .when-light { display: none; }
html[data-theme="dark"] .theme-toggle .when-dark { display: inline; }
.theme-switch {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 36px;
  padding: 3px;
  border-radius: 999px;
  background: #e8eaed;
  vertical-align: middle;
}
.theme-switch-btn {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5f6368;
  display: grid;
  place-items: center;
  line-height: 0;
  cursor: pointer;
  flex: none;
  appearance: none;
}
.theme-switch-btn svg { width: 18px; height: 18px; max-width: 18px; max-height: 18px; display: block; }
.theme-switch-btn[aria-pressed="true"] { background: #fff; color: #202124; }
html[data-theme="dark"] .theme-switch { background: #3c4043; }
html[data-theme="dark"] .theme-switch-btn { color: #bdc1c6; }
html[data-theme="dark"] .theme-switch-btn[aria-pressed="true"] { background: #202124; color: #fff; }
.foot-tools {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.lang-switch {
  direction: ltr;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  height: 36px;
  padding: 3px;
  border-radius: 999px;
  background: #e8eaed;
  vertical-align: middle;
}
.lang-switch-btn {
  height: 30px;
  margin: 0;
  padding: 0 10px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5f6368;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  line-height: 30px;
  cursor: pointer;
  appearance: none;
  white-space: nowrap;
}
.lang-switch-btn[aria-pressed="true"] { background: #fff; color: #202124; }
html[data-theme="dark"] .lang-switch { background: #3c4043; }
html[data-theme="dark"] .lang-switch-btn { color: #bdc1c6; }
html[data-theme="dark"] .lang-switch-btn[aria-pressed="true"] { background: #202124; color: #fff; }
.site-foot {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  min-height: 52px;
  padding: 8px 20px;
  border-top: 1px solid #e8eaed;
  background: #f8f9fa;
  color: #5f6368;
  font-size: 13px;
}
html[data-theme="dark"] .site-foot { background: #202124; border-top-color: #3c4043; color: #9aa0a6; }
.foot-rights {
  flex: 1 0 100%;
  margin: 0;
  color: #bdc1c6;
  font-size: 11px;
  line-height: 1.5;
}
html[data-theme="dark"] .foot-rights { color: #6e7378; }
.g-toplink {
  color: #202124;
  text-decoration: none;
  font-size: 13px;
  padding: 8px;
  border-radius: 4px;
}
.g-toplink:hover { text-decoration: underline; }
.home {
  min-height: calc(100vh - 128px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px 28px 48px;
  background: #fff;
}
.g-foot {
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  display: flex;
  gap: 24px;
  padding: 16px 28px;
  background: #f2f2f2;
  border-top: 1px solid #dadce0;
  color: #70757a;
  font-size: 14px;
}
.g-foot a { color: inherit; text-decoration: none; }
.g-foot a:hover { text-decoration: underline; }
.logo {
  margin: 0 0 28px;
  font-size: 92px;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  display: flex;
  align-items: baseline;
  user-select: none;
  direction: ltr;
}
.logo, .pager-logo { color: #c9694a; }
.logo-sm { margin: 0; font-size: 28px; letter-spacing: -1px; direction: ltr; padding-top: 4px; }
a.logo { flex: none; text-decoration: none; }

.form-home { width: 100%; max-width: 584px; }
.form-results { width: 100%; }
.combo { position: relative; min-width: 0; width: 100%; }
.box {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 44px;
  padding: 0 8px 0 14px;
  border: 1px solid #dfe1e5;
  border-radius: 24px;
  background: #fff;
}
.box:hover, .box:focus-within {
  border-color: transparent;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
}
.combo.open .box {
  border-color: transparent;
  border-radius: 24px 24px 0 0;
  box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
}
.box-icon, #clear {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #9aa0a6;
  display: grid;
  place-items: center;
  cursor: pointer;
  flex: 0 0 40px;
  overflow: hidden;
}
#clear[hidden] { display: none; }
.box svg, .gtab svg, .chip svg, .suggest-item svg {
  width: 20px;
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  display: block;
  flex: none;
}
#clear:hover, .box-icon:hover { background: #f1f3f4; }
.box input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #202124;
  font-size: 16px;
}
.box input::placeholder { color: #9aa0a6; }
.suggest-item svg, .chip svg { width: 16px; height: 16px; color: #9aa0a6; flex: none; }
#suggest {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 8px);
  z-index: 40;
  margin: 0;
  padding: 6px 0 10px;
  max-height: min(50vh, 320px);
  overflow: auto;
  list-style: none;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 6px rgba(32, 33, 36, 0.28);
}
.suggest-item {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 6px 16px;
  border: 0;
  background: transparent;
  color: #202124;
  text-align: start;
  font-size: 16px;
  cursor: pointer;
}
.suggest-item.active, .suggest-item:hover { background: #f1f3f4; }
.match { font-weight: 500; }
.rest { color: #5f6368; font-weight: 400; }
.g-actions { display: flex; justify-content: center; gap: 12px; margin-top: 28px; }
.g-btn {
  height: 36px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #f8f9fa;
  color: #3c4043;
  font-size: 14px;
  cursor: pointer;
}
.g-btn:hover { border-color: #dadce0; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
.g-btn:active { border-color: #d2d3d4; }

body.serp {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: #fff;
  color: #202124;
}
.srh {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  border-bottom: 1px solid #e8eaed;
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.srh-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  column-gap: 8px;
  row-gap: 8px;
  padding: 10px 12px 0;
}
.srh-logo {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  text-decoration: none;
}
.mijoo-mark { display: block; width: auto; height: 40px; }
.mijoo-word {
  color: #202124;
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
}
html[data-theme="dark"] .mijoo-word { color: #fff; }
.srh-logo .mijoo-mark { height: 28px; }
.srh-logo .mijoo-word { font-size: 22px; letter-spacing: -0.6px; }
.srh-tools {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 12px;
}
.srh-search {
  grid-column: 1 / -1;
  grid-row: 2;
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 4px;
  border-radius: 999px;
  background: #f1f3f4;
}
.srh-search input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #202124;
  font: inherit;
  font-size: 16px;
}
.srh-tabs {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  margin-top: 4px;
  padding: 0 16px;
  overflow-x: auto;
  scrollbar-width: none;
}
.srh-tabs::-webkit-scrollbar { display: none; }
a.srh-tab { cursor: pointer; }
.srh-tab {
  flex: none;
  padding: 10px 0 12px;
  border: 0;
  background: none;
  color: #9aa0a6;
  font: inherit;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}
.srh-tab.on {
  color: #202124;
  font-weight: 600;
  box-shadow: inset 0 -3px 0 #202124;
}
html[data-theme="dark"] .srh { background: #202124; border-bottom-color: transparent; }
html[data-theme="dark"] .srh-logo { color: #fff; }
html[data-theme="dark"] .srh-search { background: #303134; }
html[data-theme="dark"] .srh-search input { color: #fff; }
html[data-theme="dark"] .srh-tab { color: #9aa0a6; }
html[data-theme="dark"] .srh-tab.on { color: #fff; box-shadow: inset 0 -3px 0 #fff; }
@media (min-width: 980px) {
  .srh-row {
    display: grid;
    grid-template-columns: 210px minmax(280px, 652px) minmax(72px, 1fr);
    align-items: center;
    column-gap: 28px;
    flex-wrap: nowrap;
    min-height: 76px;
    padding: 18px 20px 0;
  }
  .srh-logo {
    grid-column: auto;
    grid-row: auto;
    position: static;
    transform: none;
    justify-self: center;
    height: auto;
  }
  .srh-logo .mijoo-mark { height: 32px; }
  .srh-logo .mijoo-word { font-size: 26px; }
  .srh-search {
    grid-column: auto;
    grid-row: auto;
    order: 0;
    flex: initial;
    width: 100%;
    height: 46px;
    margin: 0;
    background: #fff;
    border: 1px solid #dfe1e5;
    box-shadow: 0 1px 2px rgba(32, 33, 36, .06);
  }
  .srh-search:focus-within {
    border-color: transparent;
    box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
  }
  .srh-tools { grid-column: auto; grid-row: auto; order: 0; justify-self: end; }
  .srh-tabs,
  .results {
    width: min(652px, calc(100% - 220px));
    margin: 0;
    margin-inline-start: 180px;
  }
  .srh-tabs {
    margin-top: 8px;
    padding: 0 4px;
  }
  .results { padding: 14px 0 64px; }
  .result-list { display: block; }
  .result-list > li {
    width: auto;
    max-width: none;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .related,
  .pagination {
    width: auto;
    max-width: none;
    margin-inline: 0;
  }
}
@media (min-width: 980px) {
  html[data-theme="dark"] .srh-search { background: #303134; border-color: #5f6368; }
  html[data-theme="dark"] .result-list > li { background: transparent; border: 0; }
}
.gtabs { display: flex; align-items: flex-end; height: 48px; }
.gtab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 48px;
  padding: 0 12px;
  border-bottom: 3px solid #1a73e8;
  color: #1a73e8;
  font-size: 14px;
  text-decoration: none;
}
.gtab svg { width: 16px; height: 16px; }
.results {
  flex: 1;
  width: min(692px, calc(100% - 32px));
  margin: 0 auto;
  padding: 16px 0 48px;
}
.g-stats { margin: 0 0 20px; color: #70757a; font-size: 14px; }
.g-note { margin: -8px 0 18px; color: #70757a; font-size: 14px; line-height: 1.6; }
.error { color: #d93025; font-size: 14px; line-height: 1.7; }
.result-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.result-list > li {
  margin: 0;
  max-width: 600px;
  padding: 14px 16px 12px;
  border: 1px solid #f1f3f4;
  border-radius: 12px;
  background: #f8f9fa;
}
.result-meta { display: flex; align-items: center; gap: 12px; min-height: 26px; }
.favicon { width: 26px; height: 26px; padding: 3px; border: 1px solid #dadce0; border-radius: 999px; background: #fff; object-fit: contain; flex: none; }
.favicon.fallback {
  display: grid;
  place-items: center;
  color: #5f6368;
  font-size: 12px;
  font-weight: 500;
}
.meta-text { min-width: 0; line-height: 1.2; }
.host { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #202124; font-size: 14px; }
.url { margin-top: 2px; color: #4d5156; font-size: 12px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.result-list > li[dir="ltr"],
.result-list > li[dir="ltr"] .result-title,
.result-list > li[dir="ltr"] .snippet,
.result-list > li[dir="ltr"] .more-body { text-align: left; }
.result-list > li[dir="rtl"],
.result-list > li[dir="rtl"] .result-title,
.result-list > li[dir="rtl"] .snippet,
.result-list > li[dir="rtl"] .more-body { text-align: right; }
html[lang="en"] .results,
html[lang="en"] .g-stats,
html[lang="en"] .g-note,
html[lang="en"] .result-list > li,
html[lang="en"] .result-list > li .result-title,
html[lang="en"] .result-list > li .snippet,
html[lang="en"] .result-list > li .more-body,
html[lang="en"] .result-list > li .host,
html[lang="en"] .image-caption {
  direction: ltr;
  text-align: left;
}
.result-title {
  display: block;
  margin-top: 4px;
  color: #1a0dab;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.result-title b, .snippet b { font-weight: 700; }
.result-title:hover { text-decoration: underline; }
.result-title:visited { color: #681da8; }
.snippet { margin-top: 4px; color: #4d5156; font-size: 14px; line-height: 1.58; overflow-wrap: anywhere; }
.more-toggle {
  margin-top: 6px;
  padding: 0;
  border: 0;
  background: none;
  color: #1a73e8;
  font: inherit;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
}
.more-toggle:hover { text-decoration: underline; }
.more-panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 280ms ease;
}
.more-panel.is-open { grid-template-rows: 1fr; }
.more-panel-inner { min-height: 0; overflow: hidden; }
.more-body {
  margin: 8px 0 0;
  color: #3c4043;
  font-size: 14px;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
@media (prefers-reduced-motion: reduce) {
  .more-panel { transition: none; }
}
.result-list > li.has-thumb { display: flex; align-items: flex-start; gap: 14px; }
.result-copy { min-width: 0; flex: 1; }
.news-thumb {
  width: 104px;
  height: 72px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  flex: none;
  display: block;
  background: #f1f3f4;
}
.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 14px 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.image-grid a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.image-grid img {
  width: 100%;
  height: 132px;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
  display: block;
  background: #f1f3f4;
}
.image-caption {
  display: -webkit-box;
  margin-top: 6px;
  overflow: hidden;
  color: #202124;
  font-size: 13px;
  line-height: 1.45;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
html[data-theme="dark"] .image-caption { color: #e8eaed; }
html[data-theme="dark"] .image-grid img { background: #303134; }
.related { max-width: 652px; margin-top: 28px; padding-top: 16px; }
.related h2 { margin-bottom: 12px; color: #202124; font-size: 20px; font-weight: 400; }
.related ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.chip {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #dfe1e5;
  border-radius: 8px;
  background: #fff;
  color: #202124;
  text-decoration: none;
  font-size: 14px;
}
.chip:hover { box-shadow: 0 1px 6px rgba(32,33,36,.28); border-color: transparent; }
.chip span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 640px) { .related ul { grid-template-columns: 1fr 1fr; } }
.pagination { max-width: 652px; margin-top: 28px; text-align: center; }
.pager-logo { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 0 0 8px; }
.pager-logo .mijoo-mark { height: 28px; }
.pager-logo .mijoo-word { font-size: 28px; }
.pager-row { display: flex; align-items: center; justify-content: center; gap: 16px; }
.page-num, .page-link { color: #1a0dab; font-size: 14px; text-decoration: none; }
.page-num.current { color: #202124; font-weight: 700; }
.page-link:hover, .page-num:hover { text-decoration: underline; }
@media (max-width: 720px) {
  .g-top { height: 56px; padding: 0 20px; }
  .home { padding: 12px 20px 32px; }
  .g-foot { padding: 14px 20px; }
  .logo { font-size: 52px; letter-spacing: -1px; margin-bottom: 22px; }
  .results { width: auto; margin: 0 20px; padding: 18px 0 48px; }
  .result-title { font-size: 18px; }
  .result-list > li { max-width: none; }
  .g-actions { flex-wrap: wrap; row-gap: 10px; }
}
@media (min-width: 980px) {
  .srh-tabs,
  .results {
    width: min(652px, calc(100% - 220px));
    margin: 0;
    margin-inline-start: 180px;
  }
  html[lang="en"] .srh-tabs,
  html[lang="en"] .results {
    margin-left: 180px;
    margin-right: 0;
  }
  .srh-tabs { margin-top: 8px; padding: 0 4px; }
  .results { padding: 14px 0 64px; }
  .result-list { display: block; }
  .result-list > li {
    width: auto;
    max-width: none;
    margin: 0 0 28px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }
  .related,
  .pagination {
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}
.gh {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #fff;
  color: #202124;
  font-family: ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.gh-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 12px 20px 0;
}
.gh-tabs { display: flex; align-items: flex-end; }
.gh-tab {
  position: relative;
  padding: 10px 2px 12px;
  color: #5f6368;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-decoration: none;
}
.gh-tab.on { color: #202124; }
.gh-tab.on::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #1a73e8;
}
.gh-tools { display: flex; align-items: center; gap: 14px; }
.gh-icon {
  position: relative;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #5f6368;
  display: grid;
  place-items: center;
  text-decoration: none;
  cursor: pointer;
  flex: none;
}
.gh-icon svg { width: 22px; height: 22px; max-width: 22px; max-height: 22px; display: block; }
.gh-dot {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ea4335;
}
.gh-avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid #dadce0;
  background: #f1f3f4;
  color: #5f6368;
  display: grid;
  place-items: center;
  text-decoration: none;
  flex: none;
}
.gh-avatar svg { width: 18px; height: 18px; display: block; }
.gh-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100% - 32px, 584px);
  margin: 12vh auto 0;
  padding: 0 0 32px;
}
a.gh-logo { text-decoration: none; }
.gh-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 0 0 28px;
  line-height: 1;
  text-align: center;
}
.gh-logo .mijoo-mark { height: 64px; margin: 0; }
.gh-logo .mijoo-word { font-size: 56px; letter-spacing: -1.5px; }
.gh-search {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 6px 0 4px;
  border-radius: 999px;
  background: #f1f3f4;
}
.gh-search input {
  flex: 1;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  color: #202124;
  font: inherit;
  font-size: 16px;
}
.gh-foot {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 22px;
  min-height: 48px;
  padding: 12px 20px;
  border-top: 1px solid #e8eaed;
  background: #f8f9fa;
  color: #5f6368;
  font-size: 13px;
}
.gh-foot a, .gh-foot-link {
  color: inherit;
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}
.gh-foot .when-dark { display: none; }
html[data-theme="dark"] .gh-foot .when-light { display: none; }
html[data-theme="dark"] .gh-foot .when-dark { display: inline; }
html[data-theme="dark"] body.home-page.gh { background: #202124; color: #fff; }
html[data-theme="dark"] .gh-tab { color: #bdc1c6; }
html[data-theme="dark"] .gh-tab.on { color: #fff; }
html[data-theme="dark"] .gh-tab.on::after { background: #8ab4f8; }
html[data-theme="dark"] .gh-icon { color: #bdc1c6; }
html[data-theme="dark"] .gh-avatar { background: #303134; border-color: #5f6368; color: #e8eaed; }
html[data-theme="dark"] .gh-logo { color: #fff; }
html[data-theme="dark"] .gh-search { background: #303134; }
html[data-theme="dark"] .gh-search input { color: #fff; }
html[data-theme="dark"] .gh-foot { background: #202124; border-top-color: #3c4043; color: #9aa0a6; }
html[lang="fa"] body.home-page.gh,
html[lang="fa"] .srh,
html[lang="fa"] body.serp { font-family: "AzarMehr", Vazirmatn, sans-serif; }
html[lang="fa"] .gh-tab { letter-spacing: 0; }
@media (min-width: 720px) {
  .gh-top { padding: 16px 28px 0; }
  .gh-logo .mijoo-mark { height: 84px; }
  .gh-logo .mijoo-word { font-size: 84px; letter-spacing: -2px; }
  .gh-main { margin-top: 16vh; }
  .gh-foot { padding: 14px 28px; }
}
html[data-theme="dark"] body.home-page,
html[data-theme="dark"] body.serp { background: #202124; color: #e8eaed; }
html[data-theme="dark"] .g-top,
html[data-theme="dark"] .gbar,
html[data-theme="dark"] #suggest { background: #202124; }
html[data-theme="dark"] .gbar { border-bottom-color: #3c4043; }
html[data-theme="dark"] .g-toplink,
html[data-theme="dark"] .host,
html[data-theme="dark"] .suggest-item { color: #e8eaed; }
html[data-theme="dark"] .box,
html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .g-btn,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .result-list > li { background: #303134; color: #e8eaed; border-color: #3c4043; }
html[data-theme="dark"] .box input { color: #e8eaed; }
html[data-theme="dark"] .box input::placeholder,
html[data-theme="dark"] .url,
html[data-theme="dark"] .snippet,
html[data-theme="dark"] .g-stats,
html[data-theme="dark"] .g-note,
html[data-theme="dark"] .rest { color: #bdc1c6; }
html[data-theme="dark"] .result-title,
html[data-theme="dark"] .gtab,
html[data-theme="dark"] .page-num,
html[data-theme="dark"] .page-link { color: #8ab4f8; }
html[data-theme="dark"] .gtab { border-bottom-color: #8ab4f8; }
html[data-theme="dark"] .result-title:visited { color: #c58af9; }
html[data-theme="dark"] .more-toggle { color: #8ab4f8; }
html[data-theme="dark"] .more-body { color: #bdc1c6; }
html[data-theme="dark"] .page-num.current { color: #e8eaed; }
html[data-theme="dark"] .g-foot { background: #171717; border-top-color: #3c4043; color: #9aa0a6; }
html[data-theme="dark"] .favicon { background: #202124; border-color: #5f6368; }
@media (min-width: 980px) {
  html[data-theme="dark"] .result-list > li { background: transparent; border: 0; }
}
html[data-theme="dark"] .suggest-item.active,
html[data-theme="dark"] .suggest-item:hover,
html[data-theme="dark"] .box-icon:hover,
html[data-theme="dark"] #clear:hover { background: #3c4043; }
@media (max-height: 520px) {
  body.home-page .logo { font-size: 42px; margin-bottom: 12px; }
  body.home-page .home { min-height: auto; justify-content: flex-start; padding-top: 12px; }
  body.home-page .g-actions { margin-top: 14px; }
  body.home-page .g-foot { position: static; }
}

.brief-page { background: var(--bg); min-height: 100vh; color: var(--text); }
.brief { width: min(100%, 52rem); margin: 0 auto; padding: 28px 16px 64px; }
.brief-head h1 { font-size: 28px; font-weight: 400; }
.brief-head p { margin-top: 8px; color: var(--text-2); }
.brief-actions { display: flex; align-items: center; gap: 16px; margin-top: 16px; }
.brief-actions button, .brief-actions a {
  border: 0;
  border-radius: 4px;
  background: var(--blue);
  color: #FFFFFF;
  font: inherit;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 16px;
  cursor: pointer;
}
.brief-actions a { background: var(--surface); color: var(--blue); border: 1px solid var(--line); }
.review { width: min(100%, 72rem); }
#review-text {
  margin-top: 20px;
  max-height: 70vh;
  overflow: auto;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-family: ui-monospace, monospace;
  font-size: 13px;
  line-height: 1.6;
  user-select: all;
}
#brief-text {
  margin-top: 20px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.85;
  user-select: all;
}

.gsc {
  --gsc-blue: #1a73e8;
  --gsc-blue-ink: #1967d2;
  --gsc-blue-soft: #e8f0fe;
  --gsc-purple: #9334e6;
  --gsc-orange: #e37400;
  --gsc-green: #188038;
  --gsc-indexed: #1e8e3e;
  --gsc-red: #d93025;
  --gsc-text: #202124;
  --gsc-text-2: #5f6368;
  --gsc-text-3: #80868b;
  --gsc-line: #dadce0;
  --gsc-line-soft: #e8eaed;
  --gsc-hover: #f1f3f4;
  --gsc-bg: #ffffff;
  background: var(--gsc-bg);
  color: var(--gsc-text);
  min-height: 100vh;
}
.gsc-banner {
  margin: 0;
  padding: 8px 16px;
  background: #fef7e0;
  color: #b06000;
  font-size: 13px;
  text-align: center;
}
.gsc-top {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 64px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 12px 0 8px;
  background: #fff;
  border-bottom: 1px solid var(--gsc-line);
}
.gsc-brand {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  color: var(--gsc-text-2);
  text-decoration: none;
  flex: none;
}
.gsc-g { width: 28px; height: 28px; flex: none; }
.gsc-product { font-size: 22px; font-weight: 400; letter-spacing: 0; line-height: 1; white-space: nowrap; }
.gsc-property {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin-inline-start: 8px;
  padding: 6px 12px;
  border-inline-start: 1px solid var(--gsc-line);
  color: var(--gsc-text-2);
}
.gsc-property svg { width: 24px; height: 24px; flex: none; }
.gsc-property-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.gsc-property-text strong { color: var(--gsc-text); font-size: 14px; font-weight: 500; }
.gsc-property-text small { color: var(--gsc-text-2); font-size: 12px; }
.gsc-top-spacer { flex: 1; }
.gsc-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--gsc-text-2);
  text-decoration: none;
  flex: none;
}
.gsc-icon svg { width: 24px; height: 24px; }
.gsc-icon:hover { background: var(--gsc-hover); }
.gsc-frame { display: flex; align-items: stretch; min-height: calc(100vh - 64px); }
.gsc-nav {
  position: sticky;
  top: 64px;
  align-self: flex-start;
  width: 256px;
  height: calc(100vh - 64px);
  padding: 8px 0;
  overflow: auto;
  background: #fff;
  border-inline-end: 1px solid var(--gsc-line);
  flex: none;
}
.gsc-nav a {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
  margin-inline-end: 8px;
  padding: 0 16px;
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  border-start-end-radius: 20px;
  border-end-end-radius: 20px;
  color: #3c4043;
  font-size: 14px;
  text-decoration: none;
}
.gsc-nav a svg { width: 20px; height: 20px; flex: none; color: var(--gsc-text-2); }
.gsc-nav a:hover { background: var(--gsc-hover); }
.gsc-nav a.current { background: var(--gsc-blue-soft); color: var(--gsc-blue-ink); font-weight: 500; }
.gsc-nav a.current svg { color: var(--gsc-blue-ink); }
.gsc-nav a.current:hover { background: var(--gsc-blue-soft); }
.gsc-main { flex: 1; min-width: 0; padding: 16px 24px 64px; }
.gsc-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--gsc-text-2);
  font-size: 13px;
}
.gsc-note { max-width: 46rem; margin-top: 8px; color: var(--gsc-text-2); font-size: 13px; line-height: 1.7; }
.gsc-state { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; }
.gsc-state i { width: 8px; height: 8px; border-radius: 999px; background: currentColor; flex: none; }
.gsc .tone-working, .gsc .tone-up { color: var(--gsc-green); }
.gsc .tone-idle, .gsc .tone-empty, .gsc .tone-limited { color: var(--gsc-orange); }
.gsc .tone-stopped, .gsc .tone-down, .gsc .tone-stalled { color: var(--gsc-red); }
.gsc .tone-off { color: var(--gsc-text-2); }
.gsc-crawlers { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; }
.gsc-crawler { border: 1px solid var(--gsc-line); border-top: 3px solid var(--gsc-line); border-radius: 8px; padding: 12px 14px 10px; }
.gsc-crawler.tone-working { border-top-color: var(--gsc-green); }
.gsc-crawler.tone-idle { border-top-color: var(--gsc-orange); }
.gsc-crawler.tone-stalled, .gsc-crawler.tone-stopped { border-top-color: var(--gsc-red); }
.gsc-crawler header { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.gsc-crawler h3 { margin: 0; font-size: 15px; font-weight: 500; }
.gsc-crawler header p { margin: 2px 0 0; color: var(--gsc-text-2); font-size: 12px; line-height: 1.6; }
.gsc-crawler .gsc-state { flex: none; white-space: nowrap; }
.gsc-crawler dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 12px 0 0; }
.gsc-crawler dt { color: var(--gsc-text-2); font-size: 11px; }
.gsc-crawler dd { margin: 2px 0 0; font-size: 18px; font-weight: 400; }
.gsc .tone-working i { animation: gsc-pulse 1.4s ease-in-out infinite; }
@keyframes gsc-pulse { 50% { opacity: 0.35; } }
.gsc-card {
  margin-top: 16px;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
  scroll-margin-top: 80px;
}
.gsc-status, #overview { scroll-margin-top: 80px; }
.gsc-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 0;
}
.gsc-card-head h2 { font-size: 16px; font-weight: 500; }
.gsc-card-head span { color: var(--gsc-text-2); font-size: 13px; text-align: end; }
.gsc-filters { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px 0; }
.gsc-chip {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  color: #3c4043;
  font-size: 14px;
  background: #fff;
}
.gsc-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 16px 16px 0;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  overflow: hidden;
}
.gsc-metric { min-width: 0; padding: 10px 16px 12px; border-top: 3px solid transparent; }
.gsc-metric + .gsc-metric { border-inline-start: 1px solid var(--gsc-line); }
.gsc-metric-name { display: flex; align-items: center; gap: 8px; color: var(--gsc-text-2); font-size: 12px; }
.gsc-check { width: 14px; height: 14px; border-radius: 2px; flex: none; }
.gsc-metric strong { display: block; margin-top: 4px; font-size: 28px; font-weight: 400; line-height: 1.2; letter-spacing: 0; }
.metric-clicks.on { border-top-color: var(--gsc-blue); }
.metric-clicks .gsc-check { background: var(--gsc-blue); }
.metric-impr.on { border-top-color: var(--gsc-purple); }
.metric-impr .gsc-check { background: var(--gsc-purple); }
.metric-ctr .gsc-check { border: 2px solid var(--gsc-line); }
.metric-pos .gsc-check { border: 2px solid var(--gsc-line); }
.gsc-metric.off strong { color: var(--gsc-text-3); }
.gsc-chart-wrap { padding: 8px 12px 16px; }
.gsc-chart { width: 100%; height: auto; display: block; }
.gsc-chart .grid { stroke: var(--gsc-line-soft); stroke-width: 1; }
.gsc-chart text { font-family: "AzarMehr", Vazirmatn, Roboto, sans-serif; font-size: 11px; fill: var(--gsc-text-2); }
.gsc-chart .area-impr { fill: var(--gsc-purple); opacity: 0.08; }
.gsc-chart .area-clicks { fill: var(--gsc-blue); opacity: 0.12; }
.gsc-chart .line-impr { fill: none; stroke: var(--gsc-purple); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.gsc-chart .line-clicks { fill: none; stroke: var(--gsc-blue); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; }
.gsc-chart .hit { fill: transparent; }
.gsc-chart .hit:hover { fill: rgba(26, 115, 232, 0.08); }
.gsc-index { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; padding: 16px 16px 0; }
.gsc-index p { color: var(--gsc-text-2); font-size: 13px; }
.gsc-index strong { display: block; margin-top: 4px; font-size: 32px; font-weight: 400; line-height: 1.2; }
.gsc-index .good { color: var(--gsc-indexed); }
.gsc-index .bad { color: var(--gsc-red); }
.gsc-stack { display: flex; height: 8px; margin: 16px 16px 0; border-radius: 999px; overflow: hidden; background: var(--gsc-line-soft); }
.gsc-stack .ok { background: var(--gsc-indexed); }
.gsc-stack .bad { background: var(--gsc-red); }
.gsc-table { width: 100%; border-collapse: collapse; margin-top: 8px; }
.gsc-table th, .gsc-table td { padding: 12px 16px; text-align: start; vertical-align: middle; }
.gsc-table th { color: var(--gsc-text-2); font-size: 12px; font-weight: 500; border-bottom: 1px solid var(--gsc-line); }
.gsc-table td { font-size: 14px; border-bottom: 1px solid var(--gsc-hover); }
.gsc-table tbody tr:hover td { background: #f8f9fa; }
.gsc-table .num { text-align: end; white-space: nowrap; }
.gsc-table .ltr { font-weight: 500; }
.gsc-table .muted { color: var(--gsc-text-2); }
.gsc-table .sub { display: block; margin-top: 2px; color: var(--gsc-text-2); font-size: 12px; font-weight: 400; }
.gsc-table strong { font-weight: 500; }
.gsc-count { display: inline-block; min-width: 2.5rem; }
.gsc-mini { display: inline-block; width: 5rem; height: 8px; margin-inline-start: 8px; border-radius: 999px; background: var(--gsc-blue-soft); vertical-align: middle; overflow: hidden; }
.gsc-mini > span { display: block; height: 100%; background: var(--gsc-blue); }
.gsc-foot { margin: 0; padding: 12px 16px 16px; color: var(--gsc-text-3); font-size: 12px; line-height: 1.7; }
.gsc-lead { padding-bottom: 0; }
.gsc-empty { margin: 0; padding: 16px; color: var(--gsc-text-2); font-size: 14px; }
.gsc-split { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 16px; }
.gsc-label { color: var(--gsc-text-2); font-size: 12px; font-weight: 500; }
.gsc-big { margin-top: 6px; font-size: 28px; font-weight: 400; line-height: 1.2; }
.gsc-hint { margin-top: 8px; color: var(--gsc-text-2); font-size: 12px; line-height: 1.7; }
.gsc-meter { height: 4px; margin-top: 12px; border-radius: 999px; background: var(--gsc-line-soft); overflow: hidden; }
.gsc-meter > span { display: block; height: 100%; background: var(--gsc-blue); }
.gsc-meter.warn > span { background: var(--gsc-orange); }
.gsc-login { min-height: calc(100vh - 64px); display: grid; place-items: center; padding: 24px 16px 64px; background: #f8f9fa; }
.gate-body {
  --gate-page: #131314;
  --gate-bg: #0e0e0e;
  --gate-text: #fff;
  --gate-muted: #c4c7c5;
  --gate-line: #8e918f;
  --gate-focus: #8ab4f8;
  --gate-btn: #a8c7fa;
  --gate-btn-text: #041e49;
  --gate-hover: #fff;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--gate-page);
  color: var(--gate-text);
  font-family: Roboto, "AzarMehr", Vazirmatn, "Segoe UI", sans-serif;
}
html[data-theme="light"] .gate-body {
  --gate-page: #f0f4f9;
  --gate-bg: #fff;
  --gate-text: #1f1f1f;
  --gate-muted: #444746;
  --gate-line: #747775;
  --gate-focus: #0b57d0;
  --gate-btn: #0b57d0;
  --gate-btn-text: #fff;
  --gate-hover: #1f1f1f;
}
.gate-page {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: min(900px, calc(100% - 48px));
  margin: 0 auto;
  padding: 32px 0;
}
.gate {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  width: 100%;
  padding: 48px;
  border-radius: 28px;
  background: var(--gate-bg);
  box-shadow: 0 1px 2px rgba(60, 64, 67, .08), 0 2px 8px rgba(60, 64, 67, .06);
}
html[data-theme="dark"] .gate { box-shadow: none; }
.gate-brand { padding-top: 8px; }
.gate-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  text-decoration: none;
}
.gate-logo .mijoo-mark { height: 40px; }
.gate-logo .mijoo-word { color: var(--gate-text); font-size: 34px; letter-spacing: -1px; }
.gate h1 { margin: 24px 0 8px; color: var(--gate-text); font-size: 36px; font-weight: 400; line-height: 1.2; }
.gate-sub { margin: 0; color: var(--gate-muted); font-size: 16px; font-weight: 400; line-height: 1.5; }
.gate-form { display: flex; flex-direction: column; min-width: 0; padding-top: 36px; }
.gate .error { margin: 0 0 12px; color: #f28b82; }
.gate-field { position: relative; display: block; }
.gate-field + .gate-field { margin-top: 20px; }
.gate-field input {
  width: 100%;
  height: 56px;
  padding: 18px 16px 0;
  border: 1px solid var(--gate-line);
  border-radius: 4px;
  background: transparent;
  color: var(--gate-text);
  font: inherit;
  font-size: 16px;
}
.gate-field span {
  position: absolute;
  top: 18px;
  left: 12px;
  padding: 0 4px;
  background: var(--gate-bg);
  color: var(--gate-muted);
  font-size: 16px;
  line-height: 1;
  pointer-events: none;
  transition: transform .15s ease, font-size .15s ease, color .15s ease;
}
.gate-field input:focus { outline: none; border: 2px solid var(--gate-focus); padding: 17px 15px 0; }
.gate-field input:focus + span,
.gate-field input:not(:placeholder-shown) + span {
  transform: translateY(-28px);
  color: var(--gate-focus);
  font-size: 12px;
}
.gate-note { margin: 10px 0 0; color: var(--gate-muted); font-size: 13px; line-height: 1.6; }
.gate-actions { display: flex; justify-content: flex-end; margin-top: 32px; }
.gate button {
  height: 40px;
  padding: 0 24px;
  border: 0;
  border-radius: 999px;
  background: var(--gate-btn);
  color: var(--gate-btn-text);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.gate button:hover { opacity: .9; }
.gate-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4px 8px 0;
  color: var(--gate-muted);
  font-size: 12px;
}
.gate-lang { display: inline-flex; align-items: center; gap: 2px; color: var(--gate-muted); }
.gate-foot nav { display: inline-flex; gap: 24px; }
.gate-foot a { color: inherit; text-decoration: none; }
.gate-foot a:hover { color: var(--gate-hover); }
html[data-theme="light"] .gate .error { color: #d93025; }
@media (max-width: 800px) {
  .gate-body { --gate-bg: var(--gate-page); }
  .gate-page {
    width: 100%;
    min-height: 100vh;
    align-items: stretch;
    justify-content: space-between;
    gap: 0;
    padding: 32px 24px calc(24px + env(safe-area-inset-bottom));
  }
  .gate {
    grid-template-columns: 1fr;
    gap: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .gate-brand { padding-top: 0; }
  .gate-logo { margin-bottom: 16px; }
  .gate h1 { margin-top: 0; }
  .gate-form { padding-top: 32px; }
  .gate-actions { justify-content: flex-end; width: 100%; margin-top: 16px; }
  .gate-foot {
    margin-top: auto;
    padding-top: 32px;
    flex-direction: row;
    align-items: center;
  }
}
.gsc-signin {
  width: min(100%, 28rem);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 40px 36px 32px;
  border: 1px solid var(--gsc-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.gsc-signin h1 { font-size: 24px; font-weight: 400; }
.gsc-signin p { color: var(--gsc-text-2); font-size: 14px; line-height: 1.7; }
.gsc-signin label { display: flex; flex-direction: column; gap: 6px; color: var(--gsc-text-2); font-size: 14px; font-weight: 500; }
.gsc-signin input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--gsc-line);
  border-radius: 4px;
  background: #fff;
  color: var(--gsc-text);
  font: inherit;
}
.gsc-signin input:focus { outline: none; border-color: var(--gsc-blue); box-shadow: 0 0 0 1px var(--gsc-blue); }
.gsc-signin button {
  align-self: flex-start;
  margin-top: 8px;
  padding: 10px 24px;
  border: 0;
  border-radius: 4px;
  background: var(--gsc-blue);
  color: #fff;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}
.gsc-signin button:hover { background: var(--gsc-blue-ink); box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3); }
@media (max-width: 960px) {
  .gsc-frame { flex-direction: column; }
  .gsc-nav {
    position: sticky;
    top: 64px;
    z-index: 20;
    width: 100%;
    height: auto;
    display: flex;
    gap: 0;
    padding: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--gsc-line);
    border-inline-end: 0;
  }
  .gsc-nav a {
    height: 48px;
    margin: 0;
    border-radius: 0;
    white-space: nowrap;
  }
  .gsc-nav a.current { background: transparent; box-shadow: inset 0 -3px 0 var(--gsc-blue); }
  .gsc-main { padding: 12px 12px 48px; }
  .gsc-metrics { grid-template-columns: 1fr 1fr; }
  .gsc-metric:nth-child(odd) { border-inline-start: 0; }
  .gsc-metric:nth-child(n + 3) { border-top-width: 3px; border-top-color: transparent; border-top-style: solid; box-shadow: inset 0 1px 0 var(--gsc-line); }
  .gsc-split, .gsc-index, .gsc-crawlers { grid-template-columns: 1fr; }
  .gsc-product { font-size: 18px; }
  .gsc-property small { display: none; }
}
/* Gmail clone — pixel-close to Gmail, RTL-aware */
.gmail {
  --gm-bg: #f6f8fc;
  --gm-surface: #ffffff;
  --gm-border: #e1e3e1;
  --gm-border-strong: #dadce0;
  --gm-hover: #f2f6fc;
  --gm-active: #d3e3fd;
  --gm-active-text: #001d35;
  --gm-text: #202124;
  --gm-text-2: #5f6368;
  --gm-text-3: #80868b;
  --gm-blue: #0b57d0;
  --gm-blue-hover: #0b57d0;
  --gm-yellow: #fbbc04;
  --gm-unread-bg: #ffffff;
  --gm-read-bg: #f2f6fc;
  --gm-radius: 16px;
  --gm-sidebar-w: 256px;
  background: var(--gm-bg);
  color: var(--gm-text);
  min-height: 100vh;
}
.gmail-top {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 64px;
  padding: 0 12px;
  background: var(--gm-bg);
}
.gmail-menu {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.gmail-menu:hover { background: rgba(0,0,0,0.06); }
.gmail-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 22px;
  font-weight: 400;
  color: var(--gm-text-2);
  text-decoration: none;
  flex: none;
}
.gmail-logo-g {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: var(--gm-blue);
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}
.gmail-search {
  flex: 1;
  max-width: 720px;
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
  border-radius: 999px;
  background: #eaf1fb;
  margin: 0 16px;
}
.gmail-search:focus-within { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.gmail-search input {
  flex: 1;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 16px;
}
.gmail-search button {
  border: 0;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
  color: var(--gm-text-2);
}
.gmail-top-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: none;
}
.gmail-compose-top, .gmail-logout {
  padding: 8px 16px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
.gmail-compose-top { background: #c2e7ff; color: #001d35; }
.gmail-compose-top:hover { box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.gmail-user { font-size: 13px; color: var(--gm-text-2); max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gmail-logout { color: var(--gm-text-2); }
.gmail-frame { display: flex; align-items: stretch; min-height: calc(100vh - 64px); gap: 0; padding: 0 12px 12px 0; }
.gmail-sidebar {
  width: var(--gm-sidebar-w);
  flex: none;
  padding: 8px 0;
  overflow: auto;
}
.gmail-compose {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 56px;
  padding: 0 24px;
  margin: 8px 12px 16px 0;
  border-radius: 16px;
  background: #c2e7ff;
  color: #001d35;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.gmail-compose:hover { box-shadow: 0 1px 6px rgba(0,0,0,0.2); }
.gmail-nav { display: flex; flex-direction: column; gap: 2px; padding-inline-end: 12px; }
.gmail-nav a {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 32px;
  padding: 0 16px;
  border-radius: 0 16px 16px 0;
  color: var(--gm-text);
  font-size: 14px;
  text-decoration: none;
}
.gmail-nav a:hover { background: rgba(0,0,0,0.06); }
.gmail-nav a.active { background: var(--gm-active); color: var(--gm-active-text); font-weight: 700; }
.gmail-nav a span { width: 20px; text-align: center; }
.gmail-main {
  flex: 1;
  min-width: 0;
  background: var(--gm-surface);
  border-radius: var(--gm-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.gmail-toolbar {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid var(--gm-border);
  color: var(--gm-text-2);
  font-size: 13px;
}
.gmail-toolbar-spacer { flex: 1; }
.gmail-list { list-style: none; margin: 0; padding: 0; }
.gmail-row {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 40px;
  padding: 0 8px 0 16px;
  border-bottom: 1px solid #eceff1;
  background: var(--gm-read-bg);
  font-family: "AzarMehr", sans-serif;
}
.gmail-row.unread { background: var(--gm-unread-bg); }
.gmail-row.unread .gmail-row-sender, .gmail-row.unread .gmail-row-subject { font-weight: 700; }
.gmail-row:hover { box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 -1px 0 #dadce0, 0 1px 2px rgba(60,64,67,0.3); z-index: 1; position: relative; }
.gmail-row-check { width: 20px; height: 20px; border: 2px solid var(--gm-text-3); border-radius: 2px; background: transparent; cursor: pointer; flex: none; display: grid; place-items: center; }
.gmail-row-check span { display: none; }
.gmail-row-star { width: 32px; height: 32px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 18px; color: var(--gm-text-3); flex: none; display: grid; place-items: center; }
.gmail-row-star:hover { background: rgba(0,0,0,0.06); }
.gmail-row.starred .gmail-row-star { color: var(--gm-yellow); }
.gmail-row-link {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}
.gmail-row-sender { flex: none; max-width: 18ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--gm-text); }
.gmail-row-subject { flex: none; max-width: 32ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: var(--gm-text); }
.gmail-row-snippet { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--gm-text-2); font-size: 14px; font-weight: 400; }
.gmail-row-date { flex: none; color: var(--gm-text-2); font-size: 12px; white-space: nowrap; }
.gmail-row-count { flex: none; color: var(--gm-text-2); font-size: 12px; }
.gmail-pager { display: flex; align-items: center; justify-content: center; gap: 16px; padding: 16px; color: var(--gm-text-2); }
.gmail-pager a { color: var(--gm-blue); text-decoration: none; }
.gmail-empty { padding: 48px 24px; text-align: center; color: var(--gm-text-2); }
.gmail-thread-bar { display: flex; align-items: center; justify-content: space-between; padding: 8px 24px; border-bottom: 1px solid var(--gm-border); }
.gmail-thread-back { color: var(--gm-text-2); font-size: 13px; text-decoration: none; }
.gmail-thread-back:hover { color: var(--gm-text); }
.gmail-thread-bar-actions { display: flex; gap: 4px; }
.gmail-thread-bar-actions button { width: 36px; height: 36px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 16px; display: grid; place-items: center; }
.gmail-thread-bar-actions button:hover { background: rgba(0,0,0,0.06); }
.gmail-thread-subject { padding: 20px 24px 12px; font-size: 22px; font-weight: 400; line-height: 1.4; color: var(--gm-text); border-bottom: 1px solid var(--gm-border); font-family: "AzarMehr", sans-serif; }
.gmail-msg { border-bottom: 1px solid var(--gm-border); padding: 0; }
.gmail-msg.unread { background: #fef7e0; }
.gmail-msg-header { display: flex; align-items: flex-start; gap: 12px; padding: 16px 24px 0; }
.gmail-msg-avatar { width: 40px; height: 40px; border-radius: 999px; background: #e8eaed; color: var(--gm-text-2); font-size: 16px; font-weight: 500; display: grid; place-items: center; flex: none; }
.gmail-msg-sender { flex: 1; min-width: 0; }
.gmail-msg-from { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 14px; line-height: 1.5; }
.gmail-msg-from strong { font-weight: 700; color: var(--gm-text); }
.gmail-msg-email { color: var(--gm-text-2); font-size: 13px; font-weight: 400; }
.gmail-msg-to-line { color: var(--gm-text-2); font-size: 12px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gmail-msg-meta { display: flex; align-items: center; gap: 8px; flex: none; }
.gmail-msg-date { color: var(--gm-text-2); font-size: 12px; white-space: nowrap; }
.gmail-msg-more { width: 32px; height: 32px; border: 0; border-radius: 999px; background: transparent; cursor: pointer; font-size: 18px; color: var(--gm-text-2); display: grid; place-items: center; }
.gmail-msg-more:hover { background: rgba(0,0,0,0.06); }
.gmail-star { border: 0; background: transparent; font-size: 18px; cursor: pointer; color: var(--gm-text-3); flex: none; }
.gmail-star-inline { font-size: 16px; }
.gmail-msg.starred .gmail-star { color: var(--gm-yellow); }
.gmail-msg-body { margin: 12px 24px 0; padding: 0 0 12px 52px; font-size: 14px; line-height: 1.8; color: var(--gm-text); overflow-wrap: anywhere; white-space: pre-wrap; font-family: "AzarMehr", sans-serif; }
.gmail-msg-body-html { white-space: normal; }
.gmail-msg-body-html p { margin: 0 0 12px; }
.gmail-msg-body-html a { color: var(--gm-blue); }
.gmail-msg-actions { display: flex; gap: 8px; padding: 12px 24px 16px 76px; flex-wrap: wrap; }
.gmail-msg-actions a, .gmail-msg-actions button { font-family: "AzarMehr", sans-serif; }
.gmail-thread-reply-bar { display: flex; gap: 12px; padding: 16px 24px; border-top: 1px solid var(--gm-border); }
.gmail-back { width: 40px; height: 40px; border-radius: 999px; display: grid; place-items: center; text-decoration: none; color: var(--gm-text-2); font-size: 20px; }
.gmail-back:hover { background: rgba(0,0,0,0.06); }
.gmail-compose-form { display: flex; flex-direction: column; gap: 12px; padding: 24px; }
.gmail-compose-form label { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--gm-text-2); }
.gmail-compose-form input, .gmail-compose-form textarea {
  padding: 10px 12px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
}
.gmail-compose-form input:focus, .gmail-compose-form textarea:focus { outline: none; border-color: var(--gm-blue); box-shadow: 0 0 0 1px var(--gm-blue); }
.gmail-compose-field { display: flex; align-items: center; gap: 12px; }
.gmail-compose-field label { flex: none; width: 80px; font-size: 13px; color: var(--gm-text-2); }
.gmail-compose-input-wrap { position: relative; flex: 1; min-width: 0; }
.gmail-compose-input-wrap input { width: 100%; }
.gmail-compose-suggest {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 4px);
  z-index: 20;
  margin: 0;
  padding: 4px 0;
  list-style: none;
  border: 1px solid var(--gm-border-strong);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  max-height: 200px;
  overflow: auto;
}
.gmail-compose-suggest li { padding: 8px 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.gmail-compose-suggest li:hover, .gmail-compose-suggest li.active { background: var(--gm-hover); }
.gmail-compose-suggest li small { color: var(--gm-text-2); font-size: 12px; }
.gmail-editor-toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 8px 8px 0 0;
  background: #f8f9fa;
  flex-wrap: wrap;
}
.gmail-editor-toolbar select, .gmail-editor-toolbar button {
  padding: 4px 8px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 4px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.gmail-editor-toolbar button { min-width: 32px; }
.gmail-toolbar-sep { width: 1px; height: 24px; background: var(--gm-border); margin: 0 4px; }
.gmail-editor {
  min-height: 200px;
  padding: 12px;
  border: 1px solid var(--gm-border-strong);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  font-size: 14px;
  line-height: 1.7;
  outline: none;
  overflow-wrap: anywhere;
}
.gmail-editor:empty:before { content: attr(data-placeholder); color: var(--gm-text-3); }
.gmail-editor:focus { border-color: var(--gm-blue); box-shadow: 0 0 0 1px var(--gm-blue); }
.gmail-compose-actions { display: flex; gap: 12px; }
.gmail-btn-primary {
  padding: 10px 24px;
  border: 0;
  border-radius: 999px;
  background: var(--gm-blue);
  color: #fff;
  font: inherit;
  font-weight: 500;
  cursor: pointer;
}
.gmail-btn {
  padding: 10px 24px;
  border: 1px solid var(--gm-border-strong);
  border-radius: 999px;
  background: #fff;
  color: var(--gm-text);
  font: inherit;
  text-decoration: none;
  cursor: pointer;
}
.gmail-btn-sm { padding: 6px 12px; font-size: 12px; }
.gmail-row-action {
  flex: none;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
  color: var(--gm-text-2);
}
.gmail-row-action:hover { background: rgba(0,0,0,0.06); }
.gmail-row-delete:hover { color: #d93025; }
@media (max-width: 960px) {
  .gmail-frame { flex-direction: column; padding: 0 0 12px; }
  .gmail-sidebar {
    width: 100%;
    display: none;
  }
  .gmail-sidebar.open { display: block; }
  .gmail-search { margin: 0 8px; }
  .gmail-top-actions .gmail-user { display: none; }
  .gmail-main { border-radius: 0; }
}
html[lang="fa"] .t-en { display: none !important; }
html[lang="en"] .t-fa { display: none !important; }
html[lang="en"] .plogin { font-family: Poppins, Vazirmatn, sans-serif; }
html[lang="fa"] .plogin { font-family: Vazirmatn, Poppins, sans-serif; }
.plogin {
  min-height: 100vh;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 48px;
  background: radial-gradient(ellipse at center, #c9cfd9 0%, #b4bccb 72%);
  color: #111;
}
.plogin-frame {
  position: relative;
  width: 100%;
  max-width: 1200px;
  aspect-ratio: 16 / 11;
  border-radius: 32px;
  overflow: hidden;
  box-shadow: 0 30px 80px rgba(30, 40, 60, 0.25);
}
.plogin-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.plogin-veil {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(255,255,255,.30), transparent 58%);
  pointer-events: none;
}
html[dir="rtl"] .plogin-veil { background: linear-gradient(to left, rgba(255,255,255,.30), transparent 58%); }
.plogin-logo {
  position: absolute;
  z-index: 2;
  top: 40px;
  inset-inline-start: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 8px rgba(0,0,0,.35);
}
.plogin-logo img { height: 44px; width: auto; display: block; }
.plogin-brand {
  display: block;
  font-family: Poppins, sans-serif;
  font-size: 30px;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  color: #fff;
}
.plogin-tag {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  letter-spacing: 0.45em;
  color: rgba(255,255,255,.82);
}
html[lang="fa"] .plogin-tag { letter-spacing: 0; }
.plogin-lang {
  position: absolute;
  z-index: 2;
  top: 40px;
  inset-inline-end: 40px;
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  background: rgba(255,255,255,.7);
  backdrop-filter: blur(12px);
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
}
.plogin-lang button {
  border: 0;
  background: transparent;
  color: #3a3f4b;
  border-radius: 999px;
  padding: 6px 12px;
  font: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}
.plogin-lang button[aria-pressed="true"] { background: #3a3f4b; color: #fff; }
.plogin-slot {
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-start: 5.5%;
  width: 33%;
  min-width: 380px;
}
.plogin-card {
  background: #fff;
  border-radius: 28px;
  padding: 48px 70px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
}
.plogin-card h1 {
  margin: 0;
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  color: #111;
}
.plogin-sub {
  margin: 4px 0 40px;
  text-align: center;
  font-size: 14px;
  color: #8a8f98;
}
.plogin-banner {
  margin: -16px 0 20px;
  text-align: center;
  color: #d14343;
  font-size: 12px;
}
.plogin-field { display: block; }
.plogin-field + .plogin-field,
.plogin-field + form .plogin-field { margin-top: 28px; }
.plogin-field span,
.plogin label > span {
  display: block;
  margin-bottom: 8px;
  text-align: start;
  font-size: 14px;
  color: #7b808a;
}
.plogin-field input,
.plogin-card input[type="text"],
.plogin-card input[type="tel"],
.plogin-card input:not([type="hidden"]) {
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border: 1px solid #d9dce1;
  border-radius: 6px;
  background: #fff;
  color: #222;
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  outline: none;
  transition: border-color 150ms, box-shadow 150ms;
}
.plogin-card input:focus {
  border-color: #3a3f4b;
  box-shadow: 0 0 0 2px rgba(58, 63, 75, 0.1);
}
.plogin-card input::placeholder { color: #9aa0a6; font-weight: 400; letter-spacing: 0; }
.plogin-field-error {
  margin: 6px 0 0;
  color: #d14343;
  font-size: 12px;
  text-align: start;
}
.plogin-resend { display: flex; justify-content: flex-end; margin-top: 24px; }
.plogin-link {
  border: 0;
  background: none;
  padding: 0;
  color: #3a3f4b;
  font: inherit;
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.plogin-link:hover { color: #000; }
.plogin-submit {
  margin-top: 40px;
  width: 100%;
  height: 56px;
  border: 0;
  border-radius: 6px;
  background: #3a3f4b;
  color: #fff;
  font: inherit;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 150ms, transform 150ms, opacity 150ms;
}
.plogin-submit:hover { background: #2c3039; }
.plogin-submit:active { transform: scale(0.99); }
.plogin-submit:disabled { opacity: 0.6; cursor: default; }
.plogin-below {
  margin: 28px 0 0;
  text-align: center;
  font-size: 15px;
  color: #fff;
  text-shadow: 0 1px 8px rgba(0,0,0,.55);
}
.plogin-credit {
  position: absolute;
  z-index: 2;
  bottom: 14px;
  inset-inline-end: 18px;
  color: rgba(255,255,255,.78);
  font-size: 11px;
  text-decoration: none;
  text-shadow: 0 1px 6px rgba(0,0,0,.7);
}
.plogin-credit:hover { color: #fff; }
form.plogin-below { margin-top: 56px; }
.plogin-below a { color: #fff; font-weight: 500; text-decoration: underline; text-underline-offset: 4px; }
.plogin-below a:hover { color: #fff; }
.plogin-phone { margin: 0 0 28px; text-align: center; color: #8a8f98; font-size: 15px; letter-spacing: 0.04em; }
html.is-switching .plogin-slot,
html.is-switching .plogin-logo { opacity: 0; }
.plogin-slot, .plogin-logo { transition: opacity 150ms ease; }
@media (min-width: 768px) {
  .plogin-logo { top: 56px; inset-inline-start: 56px; }
  .plogin-lang { top: 56px; inset-inline-end: 56px; }
  .plogin-brand { font-size: 36px; }
}
@media (max-width: 1023px) {
  .plogin { padding: 24px; }
  .plogin-frame { aspect-ratio: 4 / 3; }
  .plogin-slot { width: 420px; min-width: 0; }
  .plogin-card { padding: 48px 40px; }
}
@media (max-width: 767px) {
  .plogin { padding: 0; align-items: stretch; }
  .plogin-frame {
    aspect-ratio: auto;
    min-height: 100vh;
    min-height: 100dvh;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .plogin-veil { background: rgba(255,255,255,.4); }
  .plogin-logo {
    top: 28px;
    left: 50%;
    right: auto;
    inset-inline-start: auto;
    transform: translateX(-50%);
  }
  .plogin-lang { top: 24px; inset-inline-end: 16px; }
  .plogin-slot {
    position: relative;
    top: auto;
    transform: none;
    inset-inline-start: auto;
    width: auto;
    min-width: 0;
    margin: 96px 16px 32px;
  }
  .plogin-card { padding: 40px 28px; }
  .plogin-card h1 { font-size: 28px; }
  .plogin-below { margin-top: 28px; }
}
@media (max-width: 640px) {
  .gsc-table .muted { display: none; }
  .gsc-nav a svg { display: none; }
  .gsc-crawler dl { grid-template-columns: 1fr 1fr; }
}
html[lang="en"] .lisso { font-family: Poppins, Vazirmatn, sans-serif; }
html[lang="fa"] .lisso { font-family: Vazirmatn, Poppins, sans-serif; }
html[data-scope="personal"] .only-family { display: none !important; }
html[data-scope="family"] .only-personal { display: none !important; }
.lisso { margin: 0; min-height: 100vh; background: #8f939b; color: #111; }
.lisso-canvas { min-height: 100vh; padding: 24px 40px; }
.lisso-frame {
  position: relative;
  min-height: calc(100vh - 48px);
  border-radius: 40px;
  overflow: hidden;
  background:
    radial-gradient(90% 70% at 70% 0%, #efe6e1 0%, #e6d9d2 46%, transparent 72%),
    linear-gradient(155deg, transparent 46%, #d9c3b8 68%, #b99f93 100%);
}
html[dir="rtl"] .lisso-frame {
  background:
    radial-gradient(90% 70% at 30% 0%, #efe6e1 0%, #e6d9d2 46%, transparent 72%),
    linear-gradient(205deg, transparent 46%, #d9c3b8 68%, #b99f93 100%);
}
.lisso-nav, .lisso-head, .lisso-body { position: relative; z-index: 1; }
.lisso-nav {
  display: flex;
  align-items: center;
  gap: 18px;
  height: 80px;
  margin: 16px 16px 0;
  padding: 0 22px;
  border-radius: 28px;
  background: #fff;
}
.lisso-brand { display: inline-flex; align-items: center; gap: 8px; color: #111; text-decoration: none; font-size: 18px; font-weight: 500; flex: none; }
.lisso-brand img { height: 28px; width: auto; }
.lisso-links { display: flex; gap: 16px; overflow: auto; flex: 1; }
.lisso-links a { color: #3a3a3a; text-decoration: none; font-size: 15px; white-space: nowrap; }
.lisso-links a.on { color: #111; font-weight: 600; }
.lisso-nav-end { display: flex; align-items: center; gap: 10px; flex: none; }
.lisso-seg, .lisso-lang { display: flex; padding: 4px; border-radius: 999px; background: #eee; }
.lisso-seg button, .lisso-lang button { border: 0; background: transparent; color: #111; border-radius: 999px; padding: 8px 12px; font: inherit; font-size: 13px; cursor: pointer; }
.lisso-seg button[aria-pressed="true"], .lisso-lang button[aria-pressed="true"] { background: #111; color: #fff; }
.lisso-bell, .lisso-avatar {
  width: 48px; height: 48px; border-radius: 999px; display: grid; place-items: center; cursor: pointer; list-style: none;
}
.lisso-bell { position: relative; background: #111; color: #fff; }
.lisso-bell svg { width: 20px; height: 20px; }
.lisso-bell i { position: absolute; top: 10px; inset-inline-end: 10px; width: 8px; height: 8px; border-radius: 99px; background: #f2554a; }
.lisso-avatar { background: #fbd46a; color: #111; font-weight: 600; }
.lisso-avatar.lg { width: 64px; height: 64px; font-size: 26px; }
.lisso-avatar.xl { width: 96px; height: 96px; font-size: 40px; }
.lisso-pop { position: relative; }
.lisso-pop summary::-webkit-details-marker { display: none; }
.lisso-pop-card { position: absolute; inset-inline-end: 0; top: 56px; width: 260px; padding: 16px; border-radius: 24px; background: #fff; box-shadow: 0 20px 50px rgba(80,60,50,.12); }
.lisso-pop-card a, .lisso-pop-card button, .lisso-account-menu a, .lisso-account-menu button {
  display: block; width: 100%; margin-top: 8px; padding: 10px; border: 0; border-radius: 999px; background: #111; color: #fff; font: inherit; text-align: center; text-decoration: none; cursor: pointer;
}
.lisso-head { display: flex; align-items: center; gap: 24px; margin: 28px 40px 8px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.55); }
.lisso-greet { display: flex; align-items: center; gap: 14px; flex: 1; }
.lisso-greet p { margin: 0; font-size: 40px; font-weight: 500; line-height: 1.1; }
.lisso-title { margin: 0; flex: 1; text-align: center; font-size: 28px; font-weight: 500; }
.lisso-team { display: flex; align-items: center; gap: 10px; color: #8b8582; flex: 1; justify-content: flex-end; }
.lisso-stack { display: flex; }
.lisso-stack b { width: 36px; height: 36px; margin-inline-start: -8px; border: 2px solid #fff; border-radius: 999px; background: #111; color: #fff; display: grid; place-items: center; font-size: 13px; }
.lisso-stack b.more { background: #fbd46a; color: #111; }
.lisso-body { padding: 18px 40px 48px; }
.lisso-grid { display: grid; grid-template-columns: 28% 40% 32%; gap: 28px; align-items: start; }
.lisso-account { margin-bottom: 18px; }
.lisso-account summary { display: flex; align-items: center; gap: 12px; padding: 8px 18px 8px 8px; border-radius: 999px; background: rgba(255,255,255,.4); backdrop-filter: blur(16px); list-style: none; cursor: pointer; }
.lisso-account summary::-webkit-details-marker { display: none; }
.lisso-account summary b { display: block; font-weight: 500; }
.lisso-account summary small { display: block; color: #8b8582; }
.lisso-account-menu { margin-top: 8px; padding: 12px; border-radius: 24px; background: #fff; }
.lisso-hero { margin: 18px 0 0; font-size: 140px; font-weight: 500; line-height: .9; letter-spacing: -0.06em; }
html[lang="fa"] .lisso-hero { letter-spacing: 0; }
.lisso-hero-sm { font-size: 72px; }
.lisso-hero-label { margin: 0; font-size: 18px; }
.lisso-hero-link { color: #8b8582; font-size: 14px; }
.lisso-yellow, .lisso-card {
  position: relative;
  border-radius: 28px;
  box-shadow: 0 20px 50px rgba(80,60,50,.08);
}
.lisso-yellow { margin-top: 28px; padding: 22px 22px 36px; background: #fbd46a; }
.lisso-card { margin-bottom: 18px; padding: 22px; background: rgba(255,255,255,.95); }
.lisso-yellow h2, .lisso-card h2, .lisso-card h3 { margin: 0; font-size: 24px; font-weight: 500; }
.lisso-card header, .lisso-yellow header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.tag { display: inline-flex; align-items: center; border-radius: 999px; padding: 2px 10px; font-size: 12px; font-weight: 600; }
.tag-ok { background: #5fd08a; color: #fff; }
.tag-hot { background: #f2554a; color: #fff; }
.tag-note { background: #fbd46a; color: #111; }
.tag-info { background: #6b6be0; color: #fff; }
.lisso-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 16px; }
.lisso-stats strong { display: block; font-size: 32px; font-weight: 500; line-height: 1; }
.lisso-stats span { color: #111; font-size: 13px; }
.lisso-meter { height: 8px; margin-top: 16px; border-radius: 999px; background: rgba(255,255,255,.65); overflow: hidden; }
.lisso-meter i { display: block; width: 8%; height: 100%; background: #111; }
.lisso-float { position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); width: 44px; height: 44px; border-radius: 999px; background: #fff; color: #111; display: grid; place-items: center; text-decoration: none; font-size: 24px; box-shadow: 0 8px 20px rgba(80,60,50,.12); }
.lisso-fields { margin: 8px 0 0; }
.lisso-fields div { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; padding: 10px 0; border-top: 1px solid #ece7e4; }
.lisso-fields dt { color: #8b8582; font-size: 14px; }
.lisso-fields dd { margin: 0; grid-column: 2 / span 2; font-size: 15px; }
.lisso-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; }
.lisso-ghost, .lisso-cta, .lisso-form button, .lisso-danger-btn {
  border: 0; border-radius: 999px; padding: 10px 16px; font: inherit; font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none;
}
.lisso-ghost { background: #f3f1ef; color: #111; }
.lisso-cta { display: inline-flex; align-items: center; gap: 8px; background: #111; color: #fff; }
.lisso-cta i { color: #fbd46a; font-style: normal; }
.lisso-tilt { transform: rotate(-2deg); transition: transform 180ms; }
.lisso-tilt:hover { transform: rotate(0) translateY(-2px); }
.lisso-cut { max-height: 210px; overflow: auto; }
.lisso-action { display: flex; align-items: center; justify-content: space-between; padding: 14px 0; border-top: 1px solid #ece7e4; color: #111; text-decoration: none; }
html[dir="rtl"] .lisso-action b { transform: scaleX(-1); }
.lisso-ask-row { display: flex; align-items: center; gap: 12px; margin-top: 16px; }
.lisso-ask input { flex: 1; height: 48px; border: 1px solid #ece7e4; border-radius: 16px; padding: 0 14px; font: inherit; background: #fff; }
.lisso-wave { display: flex; align-items: flex-end; gap: 3px; height: 36px; }
.lisso-wave i { width: 4px; height: 10px; border-radius: 99px; background: linear-gradient(#6b6be0, #b8b8f5); animation: lisso-wave 1s ease-in-out infinite; }
.lisso-wave i:nth-child(2) { animation-delay: .15s; }
.lisso-wave i:nth-child(3) { animation-delay: .3s; }
.lisso-wave i:nth-child(4) { animation-delay: .45s; }
.lisso-wave i:nth-child(5) { animation-delay: .1s; }
@keyframes lisso-wave { 50% { height: 32px; } }
.lisso-sheet { padding: 28px; }
.lisso-profile { display: flex; align-items: center; gap: 16px; margin-bottom: 18px; }
.lisso-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; margin: 8px 0 16px; }
.lisso-form label { flex: 1 1 100%; color: #8b8582; font-size: 13px; }
.lisso-form input { flex: 1; height: 56px; border: 1px solid #ece7e4; border-radius: 16px; padding: 0 16px; font: inherit; background: #fff; }
.lisso-form button { background: #111; color: #fff; }
.lisso-device { padding: 12px 0; border-top: 1px solid #ece7e4; }
.lisso-device strong { display: block; }
.lisso-device span, .lisso-device em { color: #8b8582; font-size: 14px; font-style: normal; }
.lisso-danger { color: #f2554a; font-weight: 600; }
.lisso-danger-btn { background: #f2554a; color: #fff; }
.lisso-alert { color: #f2554a; }
.mono { font-family: ui-monospace, monospace; word-break: break-all; }
@media (max-width: 1279px) {
  .lisso-grid { grid-template-columns: 1fr 1fr; }
  .lisso-col:last-child { grid-column: 1 / -1; }
}
@media (max-width: 800px) {
  .lisso-canvas { padding: 0; }
  .lisso-frame { min-height: 100vh; border-radius: 0; }
  .lisso-nav { height: auto; flex-wrap: wrap; margin: 8px; padding: 10px; }
  .lisso-links { order: 3; flex: 1 1 100%; }
  .lisso-head { margin: 12px 16px; flex-wrap: wrap; }
  .lisso-greet p { font-size: 32px; }
  .lisso-title { text-align: start; font-size: 22px; }
  .lisso-body { padding: 8px 16px 32px; }
  .lisso-grid { grid-template-columns: 1fr; }
  .lisso-hero { font-size: 96px; }
  .lisso-tilt { transform: rotate(-1deg); }
  .lisso-fields div { grid-template-columns: 1fr; }
  .lisso-fields dd { grid-column: auto; }
}