@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-SemiBold.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:YekanBakh;src:url(/fonts/YekanBakh-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;font-family:YekanBakh,system-ui,-apple-system,sans-serif}html,body,#root{min-height:100%;margin:0;padding:0}body{color:#1f2937;background:#f3fbf0;font-family:YekanBakh,system-ui,-apple-system,sans-serif}:root{--danger:#d4494c;--bg:#f3fbf0;--soft:#b2dadc;--primary:#527b9b;--navy:#243455;--border:#e5e7eb;--text-muted:#6b7280;--white:#fff}.container{width:min(1200px,100% - 32px);margin-inline:auto}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:600;text-decoration:none}.section-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{color:var(--navy);margin:0;font-size:1.05rem;font-weight:800}.app-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-bottom:1px solid #e5e7ebe6;height:70px;position:sticky;top:0}.header-inner--no-search{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;margin-top:15px;display:flex}.brand-icon{width:42px;height:42px;color:var(--white);border-radius:14px;place-items:center;display:grid}.brand-subtitle{color:var(--text-muted);margin:0;font-size:.75rem}.brand-title{color:var(--navy);margin:0;font-size:1rem;font-weight:800}.header-search{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:flex}.header-search svg{color:#94a3b8;flex-shrink:0}.header-search input{background:0 0;border:none;outline:none;width:100%;font-size:.92rem}.header-search input::placeholder{color:#94a3b8}.header-actions{align-items:center;gap:8px;display:flex}.icon-btn{border:1px solid var(--border);color:#475569;cursor:pointer;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.wallet-btn,.profile-btn{cursor:pointer;color:var(--white);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 12px;font-weight:600;display:inline-flex}.wallet-btn{background:var(--primary)}.profile-btn{background:var(--navy)}.main-content{padding-block:20px}.panel{background:var(--white);border:1px solid var(--border);border-radius:22px;padding:16px;box-shadow:0 10px 30px #0f172a0a}.hero{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:16px}.hero-main{color:#fff;background:linear-gradient(135deg,var(--navy),var(--primary));border-radius:24px;flex-direction:column;justify-content:space-between;min-height:430px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px #2434552e}.hero-content{text-align:right;max-width:760px;margin-inline:0 auto}.hero-main h2,.hero-main p{text-align:right}.hero-main p{max-width:100%;margin:10px 0 0}.hero-video{z-index:0;position:absolute;inset:0}.hero-video video{object-fit:cover;width:100%;height:100%}.hero-video:after{content:"";background:linear-gradient(135deg,#abc1ea80,#5684b080);position:absolute;inset:0}.hero-main>:not(.hero-video){z-index:1;position:relative}.hero-badge{background:#ffffff24;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 10px;font-size:.78rem;display:inline-flex}.hero-main h2{margin:0;font-size:1.6rem;font-weight:900;line-height:1.7}.hero-main p{color:#ffffffe0;margin:10px 0 0;font-size:.95rem;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 12px;font-weight:700;transition:all .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-white{color:var(--navy);background:#fff;text-decoration:none}.btn-outline{color:#fff;background:#ffffff14;border:1px solid #fff3}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-dark{background:var(--navy);color:#fff;justify-content:center;width:100%}.hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.stat-box{background:#ffffff3c;border:1px solid #ffffff17;border-radius:14px;padding:10px}.stat-box span{color:#ffffffd1;font-size:.78rem;display:block}.stat-box strong{margin-top:6px;font-size:1.1rem;display:block}.hero-side{min-width:0}.profile-card{border:1px solid var(--border);background:#fff;border-radius:24px;height:100%;padding:16px;box-shadow:0 10px 30px #0f172a0a}.profile-card__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.profile-card__head h3{color:var(--navy);margin:0;font-size:1rem}.profile-card__head span{color:var(--navy);background:#b2dadc73;border-radius:999px;padding:5px 8px;font-size:.75rem;font-weight:700}.profile-card__body{gap:10px;margin-top:12px;display:grid}.profile-item{background:var(--bg);border-radius:14px;padding:10px}.profile-item label{color:var(--text-muted);margin-bottom:4px;font-size:.78rem;display:block}.profile-item p{margin:0;font-weight:700}.profile-card__actions{gap:8px;margin-top:12px;display:grid}.profile-card__actions .btn{justify-content:center}.quick-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.quick-card{border:1px solid var(--border);background:var(--bg);cursor:pointer;text-align:center;border-radius:16px;justify-items:center;gap:8px;padding:12px 10px;transition:all .2s;display:grid}.quick-card:hover{background:#fff;border-color:#527b9b66;transform:translateY(-2px);box-shadow:0 10px 22px #527b9b14}.quick-card__icon{width:36px;height:36px;color:var(--primary);background:#527b9b1a;border-radius:12px;place-items:center;display:grid}.quick-card span{color:#374151;font-size:.85rem;font-weight:600}.content-grid{grid-template-columns:2fr 1fr;gap:14px;margin-top:16px;display:grid}.right-column{gap:14px;display:grid}.services-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.service-card{border:1px solid var(--border);border-radius:18px;padding:14px;transition:all .2s}.service-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0f172a14}.service-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.service-card__top h3{margin:0;font-size:.98rem;font-weight:800}.service-card__top p{opacity:.92;margin:6px 0 0;font-size:.83rem;line-height:1.8}.service-card__icon{background:#ffffff59;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.service-card__link{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:4px;margin-top:12px;padding:0;font-weight:700;display:inline-flex}.service-soft{background:var(--soft);color:var(--navy)}.service-primary{background:var(--primary);color:#fff;border-color:#0000}.service-navy{background:var(--navy);color:#fff;border-color:#0000}.service-light{color:#111827;background:#fff}.city-highlight-panel{padding:16px}.city-highlight-grid{grid-template-columns:1.15fr 1fr;gap:12px;margin-top:8px;display:grid}.waste-card{border:1px solid var(--border);background:linear-gradient(#fff 0%,#f8fbff 100%);border-radius:18px;min-height:290px;overflow:hidden;box-shadow:0 10px 24px #0f172a0d}.waste-card__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:18px 16px;display:flex}.waste-card h3{color:var(--navy);margin:0 0 10px;font-size:1.25rem;font-weight:900;line-height:1.8}.waste-card__image{justify-content:center;align-items:center;width:180px;height:110px;margin:6px auto 10px;display:flex}.waste-card__image img{object-fit:contain;max-width:100%;max-height:100%;display:block}.waste-card__actions{justify-content:center;gap:8px;margin-top:4px;display:flex}.btn-outline-dark{color:var(--navy);background:#24345512;border:1px solid #24345529}.btn-outline-dark:hover{background:#2434551c}.city-stats-card{border:1px solid var(--border);background:linear-gradient(135deg,#f7fbff 0%,#eef5fb 100%);border-radius:18px;flex-direction:column;justify-content:center;padding:14px;display:flex;box-shadow:0 10px 24px #0f172a0d}.city-stats-card__header h3{color:var(--navy);margin:0 0 12px;font-size:1rem;font-weight:900}.city-stats-items{gap:10px;display:grid}.city-stat-item{background:#fff;border:1px solid #94a3b82e;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.city-stat-item:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a0f}.city-stat-item__icon{width:42px;height:42px;color:var(--primary);background:#5684b01a;border-radius:12px;flex-shrink:0;place-items:center;font-size:1.1rem;display:grid}.city-stat-item__text{text-align:right;flex-direction:column;flex:1;align-items:flex-start;display:flex}.city-stat-item__text span{color:#64748b;font-size:.82rem;font-weight:700}.city-stat-item__text strong{color:var(--navy);margin-top:2px;font-size:1rem;font-weight:900}.city-stat-item{direction:rtl}.city-stat-item__text{align-items:flex-start}@media (max-width:992px){.city-highlight-grid{grid-template-columns:1fr}.waste-card__image{height:90px}}@media (max-width:576px){.waste-card h3{font-size:1.05rem}.city-stat-item__text strong{font-size:.92rem}.waste-card__actions{flex-wrap:wrap}}.status-list{gap:10px;display:grid}.status-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:10px;display:flex}.status-item__left{align-items:center;gap:8px;display:flex}.status-item__icon{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.status-item strong{color:var(--navy);background:#fff;border-radius:999px;padding:4px 8px;font-size:.9rem}.status-title{margin:0;font-size:.85rem;font-weight:700}.status-sub{color:var(--text-muted);font-size:.72rem}.status-pending .status-item__icon{color:var(--navy);background:#b2dadc80}.status-docs .status-item__icon{color:var(--danger);background:#d4494c1f}.status-done .status-item__icon{color:#059669;background:#10b98124}.support-box{background:var(--soft);color:var(--navy);border-radius:22px;gap:10px;padding:14px;display:grid;box-shadow:0 10px 24px #527b9b14}.support-box__icon{background:#2434551f;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.support-box h3{margin:0;font-size:.95rem;font-weight:800}.support-box p{margin:0;font-size:.84rem;line-height:1.8}.app-footer{border-top:1px solid var(--border);background:#fff9;margin-top:22px}.footer-inner{justify-content:space-between;align-items:center;gap:10px;padding-block:14px;display:flex}.footer-inner h4{color:var(--navy);margin:0}.footer-inner p{color:var(--text-muted);margin:4px 0 0;font-size:.82rem}.footer-links{align-items:center;gap:12px;display:flex}.footer-links a{color:var(--primary);font-size:.85rem;font-weight:600;text-decoration:none}.service-buttons-wrap{gap:12px;margin-top:48px;display:grid}.service-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.service-btn{color:#fff;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;background:linear-gradient(#1f4364 0%,#1c3d5a 100%);border:1px solid #ffffff14;border-radius:18px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden}.service-btn:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 10%,#ffffff1f,#0000 45%);position:absolute;inset:0}.service-btn--card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:126px;padding:18px 16px;display:flex;box-shadow:0 12px 26px #12233a29}.service-btn--map{text-align:right;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:88px;padding:0 18px;display:grid;box-shadow:0 12px 26px #12233a24}.service-btn__icon{color:#fff;-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.service-btn__text{color:#fff;font-size:1rem;font-weight:800;line-height:1.6}.service-btn__arrow{opacity:.9;font-size:1.1rem;transition:transform .22s,opacity .22s}.service-btn:hover{border-color:#93c5fd47;transform:translateY(-3px);box-shadow:0 16px 32px #12233a38}.service-btn:hover .service-btn__arrow{transform:translate(-3px)}.service-btn:active{transform:translateY(-1px)scale(.995)}.service-btn:focus-visible{outline-offset:2px;outline:2px solid #93c5fd73}.service-btn:before{filter:blur(10px);background:radial-gradient(circle at 20% 20%,#ffffff24,#0000 42%),radial-gradient(circle at 80% 70%,#93c5fd2e,#0000 48%);animation:8s ease-in-out infinite softGlowMove}.service-btn:after{filter:blur(14px);background:radial-gradient(circle at 75% 25%,#bae6fd1f,#0000 45%),radial-gradient(circle at 30% 80%,#ffffff14,#0000 50%);animation:10s ease-in-out infinite softGlowMove2}.service-btn--map{background:linear-gradient(135deg,#1e4060 0%,#214a70 45%,#1d3f5e 100%)}@keyframes softGlowMove{0%{opacity:.22;transform:translate(-8%,-6%)scale(1)}50%{opacity:.32;transform:translate(10%,8%)scale(1.08)}to{opacity:.22;transform:translate(-8%,-6%)scale(1)}}@keyframes softGlowMove2{0%{opacity:.14;transform:translate(6%,10%)scale(1)}50%{opacity:.22;transform:translate(-10%,-4%)scale(1.06)}to{opacity:.14;transform:translate(6%,10%)scale(1)}}@media (max-width:640px){.service-buttons{grid-template-columns:1fr}.service-btn--card{min-height:110px}.service-btn__text{font-size:.95rem}.service-btn--map{min-height:78px;padding:0 14px}.service-btn__icon{border-radius:12px;width:38px;height:38px}}.popular-services-panel{overflow:hidden}.popular-marquee{margin-top:8px;padding:4px 0;position:relative;overflow:hidden}.popular-marquee:before,.popular-marquee:after{content:"";z-index:2;pointer-events:none;width:48px;position:absolute;top:0;bottom:0}.popular-marquee:before{background:linear-gradient(to left,var(--white),#fff0);right:0}.popular-marquee:after{background:linear-gradient(to right,var(--white),#fff0);left:0}.popular-marquee__track{will-change:transform;gap:12px;width:max-content;animation:55s linear infinite popularLoop;display:flex}@media (hover:hover) and (pointer:fine){.popular-marquee:hover .popular-marquee__track,.popular-marquee:focus-within .popular-marquee__track{animation-play-state:paused}}@keyframes popularLoop{0%{transform:translate(0)}to{transform:translate(50%)}}.popular-card{border:1px solid var(--border);cursor:pointer;text-align:right;direction:rtl;background:#fff;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-width:270px;max-width:270px;height:72px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 8px 18px #0f172a0a}.popular-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.popular-card__text{text-align:right;flex:1;min-width:0}.popular-card__text h4{color:var(--navy);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;font-weight:800;overflow:hidden}.popular-card__text p{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:.72rem;font-weight:600;overflow:hidden}.popular-card__icon{border:1px solid #0000;border-radius:12px;flex-shrink:0;order:-1;place-items:center;width:38px;height:38px;display:grid}.tone-blue .popular-card__icon{color:#3b82f6;background:#60a5fa1f;border-color:#3b82f61f}.tone-yellow .popular-card__icon{color:#ca8a04;background:#facc1524;border-color:#ca8a041f}.tone-gray .popular-card__icon{color:#64748b;background:#94a3b824;border-color:#64748b1f}.tone-navy .popular-card__icon{color:var(--navy);background:#2434551a;border-color:#2434551f}@media (max-width:768px){.popular-card{min-width:230px;max-width:230px;height:68px}.popular-card__text h4{font-size:.82rem}.popular-card__text p{font-size:.68rem}.popular-marquee__track{animation-duration:22s}}@media (prefers-reduced-motion:reduce){.popular-marquee__track{animation:none}}@media (max-width:1024px){.header-inner{grid-template-columns:1fr}.header-search{order:3}.header-actions{flex-wrap:wrap;justify-content:flex-start}.hero,.content-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.container{width:min(1200px,100% - 20px)}.hero-main h2{font-size:1.15rem;line-height:1.9}.hero-stats,.services-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.wallet-btn span,.profile-btn span{display:none}.wallet-btn,.profile-btn{padding:10px}.footer-inner{flex-direction:column;align-items:flex-start}}