html{scroll-behavior:smooth}
/* Concept translation: spacious RTL iOS surfaces. */
:root{--ink:#08184f;--muted:#6377ac;--line:#d9e8fc;--primary:#0665ff;--primary2:#073ea9;--bg:#f0f8ff}
.mobile-tabbar{display:none!important}
body.pwa-screen{background:radial-gradient(ellipse at 8% 12%,#e1eaff 0,transparent 38%),radial-gradient(ellipse at 90% 75%,#e0f5ff 0,transparent 42%),#f3f9ff!important;color:var(--ink);padding-bottom:calc(110px + env(safe-area-inset-bottom));min-height:100dvh}
.app-main{max-width:1000px;width:calc(100% - 26px)}
.screen-title{display:flex;align-items:center;gap:12px;padding:25px 3px 18px;padding-top:max(25px,env(safe-area-inset-top))}
.screen-title h1{font-size:26px;margin:0;font-weight:900}.screen-title-icon{display:grid;place-items:center;background:linear-gradient(140deg,#38c6ff,#0060ff 65%);color:white;width:48px;height:48px;border-radius:50%;font-size:29px;box-shadow:0 5px 14px #0862ed30}
.hero{margin:0 0 12px;padding:26px 22px!important;min-height:260px;border-radius:24px!important;background:radial-gradient(ellipse at 10% 0,#38d9ed99,transparent 45%),linear-gradient(125deg,#004aa9,#003d9c 50%,#0877ff);display:flex;align-items:center;isolation:isolate;border:1px solid #44b6ff;box-shadow:0 12px 30px #427cbb16}
.hero-copy{position:relative;z-index:2;width:56%;margin-left:auto}.hero h1{font-size:clamp(23px,3.8vw,40px);line-height:1.55;font-weight:900;margin-bottom:10px}.hero h1 em{font-style:normal;color:#7ff5ff}.hero p{font-size:clamp(13px,1.8vw,20px);line-height:1.95}.hero-art{position:absolute;left:-2%;bottom:0;width:47%;height:95%;object-fit:contain;z-index:1}.hero:after{width:450px;height:450px;background:linear-gradient(150deg,#ffffff09,#00d9ff16);left:-120px;top:-180px;z-index:-1}.hero-kicker{display:none}.hero-cta{background:#fff;color:#063a9b;border-radius:22px;padding:10px 23px;display:inline-flex;align-items:center;gap:18px;font-weight:900;text-decoration:none;margin-top:12px}.hero small{display:block;font-size:12px;font-weight:500}.privacy{border-radius:18px;line-height:1.8;font-size:12px;padding:9px 12px;background:#ffffff20}
.stats{gap:10px;margin:12px 0}.stat{position:relative;overflow:hidden;padding:22px 8px;border-radius:22px;text-align:center;border:1px solid #fff;background:linear-gradient(145deg,#fff,#e1f2ff);box-shadow:0 7px 20px #3b73b915,inset 0 0 0 1px #dceaff}.stat:nth-child(2){background:linear-gradient(145deg,#fff,#dcfbf1)}.stat:nth-child(3){background:linear-gradient(145deg,#fff,#eee3ff)}.stat b{font-size:clamp(21px,3.7vw,36px);line-height:1.6}.stat span{color:#50628c;font-size:13px}.stat:before{content:'●';display:grid;place-items:center;width:42px;height:42px;margin:0 auto 8px;border-radius:50%;background:#c9e5ff;color:#0875f5;font-size:28px}.stat:nth-child(2):before{background:#c5f5ec;color:#00bba0}.stat:nth-child(3):before{background:#e4d5ff;color:#8736ed}
.panel,.result-card{border-radius:24px!important;padding:24px!important;margin:16px 0!important;border:1px solid #dceafa;box-shadow:0 8px 25px #3b73b912;background:#ffffffed}.panel h2{font-size:23px;font-weight:900}.panel-intro,.muted{color:#657caf;line-height:1.95}.panel-intro{font-size:14px;margin:0 0 18px}.searchrow{display:grid;grid-template-columns:1fr;gap:10px}.searchrow input{min-width:0;width:100%;border:1.5px solid #b4dcff;background:#fff;border-radius:18px;min-height:56px;padding:12px 18px;font-size:18px}.searchrow button{width:100%;min-height:56px}.btn,button{min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:15px}.btn:active,button:active{transform:scale(.98)}.btn.primary,button.primary{background:linear-gradient(115deg,#12b7f3,#0060f4 40%,#335fff);box-shadow:inset 0 1px 2px #ffffff80,0 7px 16px #0863ff17}.btn.secondary,button.secondary{background:#e8f1ff;color:#0649ba}.search-panel:after{content:'اطلاعات شما امن و محرمانه است';display:block;text-align:center;color:#009968;font-size:14px;font-weight:800;border-top:1px solid #d7eaff;margin-top:20px;padding-top:14px}
input[type=text],input[type=password],input[type=file],input[type=number],input[type=tel]{font-size:16px;min-height:50px;border-radius:14px;border:1px solid #cbdcf6;background:#fbfdff;padding:12px;width:100%;color:var(--ink)}input[type=checkbox]{accent-color:#0865ff;width:20px;height:20px}.grid2{gap:18px}.time-sync-stats .stat:last-child{grid-column:1/-1;padding:10px}.time-sync-stats .stat:last-child:before{display:none}.security-entry-panel{min-height:140px}.footer{margin-bottom:25px}
.recent-searches[hidden]{display:none!important}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:22px}.recent-clear{background:#e1ecff;color:#17499d}.recent-list{display:grid;gap:9px}.recent-item{display:flex;align-items:center;gap:13px;background:#ffffffed;border:1px solid #e1edfc;padding:14px;border-radius:20px;text-decoration:none;color:var(--ink)}.recent-item b,.recent-item small{display:block}.recent-item small{color:var(--muted);font-size:12px}.recent-avatar{display:grid;place-items:center;background:#d1e8ff;width:40px;height:40px;border-radius:50%;color:#0066f5}.recent-item i{margin-right:auto;font-size:28px;color:#7084ad}
@media(max-width:760px){
  .desktop-only-nav{display:none!important}
  body.pwa-screen{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .mobile-tabbar{
    position:fixed;z-index:1000;right:9px;left:9px;
    bottom:max(8px,env(safe-area-inset-bottom,0px));
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;gap:3px;width:auto;margin:0;padding:6px;direction:rtl;
    border-radius:27px;background:rgba(255,255,255,.88)!important;
    border:1px solid #d7e7fa;box-shadow:0 8px 28px rgba(35,83,145,.16)!important;
    -webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)
  }
  .mobile-tab{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    min-width:0;min-height:56px;padding:5px 2px;border-radius:20px;
    color:#536688;text-align:center;text-decoration:none;line-height:1.2;
    touch-action:manipulation;-webkit-tap-highlight-color:transparent;
    -webkit-user-select:none;user-select:none
  }
  .mobile-tab-icon{display:block;font-size:23px;line-height:1}
  .mobile-tab-label{display:block;max-width:100%;overflow:hidden;font-size:11px;font-weight:700;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}
  .mobile-tab.active{background:#e2efff;color:#0054df}
  .mobile-tab:active{transform:scale(.96)}
  .hero{min-height:220px;padding:20px 14px!important}.hero-copy{width:57%}.hero h1{font-size:22px}.hero p{font-size:12px}.hero-art{width:47%;height:95%}.hero-cta{font-size:13px;padding:8px 16px;border-radius:18px}.privacy{font-size:10px;padding:7px 8px}.panel{padding:20px 14px!important}.panel h2{font-size:21px}.stat{padding:16px 5px;border-radius:18px}.stat span{font-size:11px}.grid2{grid-template-columns:1fr}.screen-title h1{font-size:24px}.security-entry-panel{display:grid}.security-entry-panel .btn{width:100%}.footer{margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.mobile-tabbar{background:#fff!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
.pwa-chip{display:inline-flex;align-items:center;gap:6px;background:#ecfdf3;color:#067647;border:1px solid #abefc6;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}
.pwa-offline{text-align:center;margin-top:28px}
@media(display-mode:standalone){.pwa-chip{display:none!important}}

@media(max-width:760px){.pwa-install-bar{display:none!important}}