:root{--nav-height: 68px;--color-bg: #ffffff;--color-surface: #ffffff;--color-text-main: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width: 340px;--transition-speed: .25s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-main);font-family:var(--font-family);width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;direction:rtl}.app-main{flex:1 0 auto;width:100%;display:flex;flex-direction:column}.top-navbar{position:sticky;top:0;left:0;width:100%;height:var(--nav-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 4px #0f172a0a;z-index:100;-webkit-user-select:none;user-select:none}.navbar-container{max-width:1380px;height:100%;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-start,.navbar-end{display:flex;align-items:center;gap:.75rem;flex:1}.navbar-start{justify-content:flex-start}.navbar-end{justify-content:flex-end}.navbar-center{display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-logo-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:.25rem;border-radius:8px;transition:opacity var(--transition-speed)}.brand-logo-link:hover{opacity:.88}.brand-logo{height:44px;max-height:48px;max-width:220px;width:auto;object-fit:contain;display:block}.icon-btn{background:transparent;border:1px solid transparent;color:var(--color-text-main);width:42px;height:42px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed)}.icon-btn:hover{background-color:#f8fafc;border-color:var(--color-border);color:var(--color-accent)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav-icon{width:22px;height:22px;stroke-width:2}.profile-wrapper{position:relative}.profile-avatar-btn{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0f172a1f;transition:transform var(--transition-speed),box-shadow var(--transition-speed),border-color var(--transition-speed);-webkit-user-select:none;user-select:none}.profile-avatar-btn:hover{transform:translateY(-1px);border-color:var(--color-accent);box-shadow:0 4px 10px #2563eb33}.profile-avatar-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.profile-avatar-btn.small{width:36px;height:36px;font-size:13px;box-shadow:none}.profile-avatar-btn.medium{width:48px;height:48px;font-size:17px}.avatar-text{font-weight:700;font-size:15px;letter-spacing:.8px;line-height:1;font-family:system-ui,-apple-system,sans-serif;color:#fff;display:flex;align-items:center;justify-content:center}.search-bar-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-bottom:1px solid var(--color-border);box-shadow:0 8px 16px #0f172a0f;padding:.85rem 1.25rem;z-index:95;animation:slideDown .2s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-input-wrapper{max-width:680px;margin:0 auto;position:relative;display:flex;align-items:center}.search-input-icon{position:absolute;right:14px;width:19px;height:19px;color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;padding:.75rem 2.75rem;font-family:inherit;font-size:.95rem;border:1.5px solid var(--color-border);border-radius:9999px;background-color:#f8fafc;color:var(--color-text-main);outline:none;transition:border-color var(--transition-speed),background-color var(--transition-speed),box-shadow var(--transition-speed)}.search-input:focus{border-color:var(--color-accent);background-color:#fff;box-shadow:0 0 0 3px #2563eb1f}.search-close-btn{position:absolute;left:10px;background:transparent;border:none;width:30px;height:30px;border-radius:50%;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.search-close-btn svg{width:16px;height:16px}.search-close-btn:hover{background-color:#e2e8f0;color:var(--color-text-main)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease}.sidebar-backdrop.active{opacity:1;pointer-events:auto}.sidebar-drawer{position:fixed;top:0;right:0;bottom:0;width:var(--sidebar-width);max-width:90vw;background-color:#fff;box-shadow:-6px 0 25px #0f172a29;z-index:160;transform:translate(100%);transition:transform var(--transition-speed) cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.sidebar-drawer.active{transform:translate(0)}.sidebar-header-zone{display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem .95rem;background-color:#fff;border-bottom:1px solid var(--color-border);flex-shrink:0}.sidebar-top-meta-row{display:flex;align-items:center;justify-content:space-between}.sidebar-user-mini{display:flex;align-items:center;gap:.65rem}.user-meta{display:flex;flex-direction:column;text-align:right}.user-name{font-weight:600;font-size:.88rem;color:var(--color-text-main);line-height:1.2}.user-login-link{font-size:.76rem;color:var(--color-accent);font-weight:600;text-decoration:none;transition:color var(--transition-speed)}.user-login-link:hover{color:var(--color-accent-hover);text-decoration:underline}.sidebar-close-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background-color:#f8fafc;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed)}.sidebar-close-btn:hover{background-color:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:rotate(90deg)}.sidebar-close-btn svg{width:18px;height:18px}.sidebar-brand-card{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid var(--color-border);border-radius:12px}.sidebar-brand-img{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid rgba(226,232,240,.8);background-color:#fff;box-shadow:0 2px 5px #0f172a14;flex-shrink:0}.sidebar-brand-info{display:flex;flex-direction:column;text-align:right;overflow:hidden}.sidebar-brand-title{font-size:.95rem;font-weight:700;color:var(--color-text-main);white-space:nowrap;line-height:1.3}.brand-divider{color:#94a3b8;font-weight:400;margin:0 2px}.sidebar-brand-subtitle{font-size:.78rem;color:#059669;font-weight:600;margin-top:1px}.sidebar-cta-btn{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #047857;border-radius:12px;color:#fff;text-decoration:none;box-shadow:0 4px 12px #10b98147;transition:all var(--transition-speed);position:relative;overflow:hidden}.sidebar-cta-btn:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(60deg,transparent 20%,rgba(255,255,255,.22) 50%,transparent 80%);transform:rotate(30deg);animation:shineCta 4s infinite linear}@keyframes shineCta{0%{transform:translate(-100%) rotate(30deg)}35%{transform:translate(100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}.sidebar-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98161;background:linear-gradient(135deg,#059669,#047857)}.sidebar-cta-icon-box{width:32px;height:32px;border-radius:8px;background:#ffffff38;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.sidebar-cta-text-group{display:flex;flex-direction:column;text-align:right;flex:1}.sidebar-cta-main-text{font-size:.94rem;font-weight:800;letter-spacing:.2px;color:#fff;line-height:1.2}.sidebar-cta-sub-text{font-size:.72rem;color:#d1fae5;font-weight:500;margin-top:1px}.sidebar-cta-pulse-dot{width:9px;height:9px;border-radius:50%;background-color:#facc15;box-shadow:0 0 0 3px #facc1559;animation:pulseDot 1.8s infinite;flex-shrink:0}@keyframes pulseDot{0%{transform:scale(.9);box-shadow:0 0 #facc1599}70%{transform:scale(1.1);box-shadow:0 0 0 6px #facc1500}to{transform:scale(.9);box-shadow:0 0 #facc1500}}.sidebar-quick-search-box{position:relative;width:100%}.sidebar-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.sidebar-search-icon{position:absolute;right:12px;width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.sidebar-quick-search-input{width:100%;padding:.6rem 2.4rem .6rem 2rem;font-family:inherit;font-size:.84rem;border:1.5px solid var(--color-border);border-radius:10px;background-color:#f8fafc;color:var(--color-text-main);outline:none;transition:all var(--transition-speed)}.sidebar-quick-search-input:focus{border-color:#10b981;background-color:#fff;box-shadow:0 0 0 3px #10b98124}.sidebar-search-clear-btn{position:absolute;left:8px;background:transparent;border:none;width:22px;height:22px;border-radius:50%;color:var(--color-text-muted);display:none;align-items:center;justify-content:center;cursor:pointer}.sidebar-search-clear-btn.visible{display:flex}.sidebar-search-clear-btn:hover{background-color:#e2e8f0;color:var(--color-text-main)}.sidebar-search-clear-btn svg{width:13px;height:13px}.sidebar-scrollable-content{flex:1;overflow-y:auto;padding:.85rem .95rem;display:flex;flex-direction:column;gap:1.1rem}.sidebar-section-block{display:flex;flex-direction:column;gap:.45rem}.sidebar-section-header{padding:0 .4rem;display:flex;align-items:center;justify-content:space-between}.sidebar-section-title{font-size:.74rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.sidebar-menu-list{list-style:none;display:flex;flex-direction:column;gap:.3rem}.sidebar-nav-item{width:100%}.sidebar-nav-item.hidden-by-search{display:none!important}.sidebar-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .8rem;border-radius:10px;color:var(--color-text-main);text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid transparent;background-color:transparent;cursor:pointer;text-align:right;transition:all .2s ease;box-sizing:border-box}.sidebar-menu-item:hover{background-color:#f1f5f9;color:#0f172a;transform:translate(-3px)}.sidebar-menu-item.active{background-color:#ecfdf5;color:#047857;border-color:#a7f3d0;font-weight:700}.menu-item-emoji{font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;width:26px;flex-shrink:0}.menu-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-badge-pill{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:9999px;margin-inline-start:auto;white-space:nowrap}.featured-badge{background-color:#fef3c7;color:#b45309;border:1px solid #fde68a}.tool-badge{background-color:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}.live-badge{background-color:#dcfce7;color:#15803d;border:1px solid #bbf7d0;display:inline-flex;align-items:center;gap:4px}.live-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#16a34a;box-shadow:0 0 0 2px #16a34a40;animation:pulseDot 2s infinite}.sidebar-no-results{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.5rem .5rem;background-color:#f8fafc;border:1px dashed var(--color-border);border-radius:12px;margin-top:.5rem}.sidebar-no-results.hidden{display:none!important}.no-results-emoji{font-size:1.75rem}.no-results-text{font-size:.84rem;color:var(--color-text-muted);font-weight:500}.sidebar-clear-filter-btn{background-color:#fff;border:1px solid var(--color-border);padding:.35rem .85rem;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--color-accent);cursor:pointer;transition:all .2s}.sidebar-clear-filter-btn:hover{background-color:#eff6ff;border-color:#bfdbfe}.sidebar-footer-zone{display:flex;flex-direction:column;gap:.65rem;padding:.95rem 1.15rem;background-color:#f8fafc;border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-social-block{display:flex;align-items:center;justify-content:space-between}.sidebar-social-label{font-size:.74rem;font-weight:600;color:#64748b}.sidebar-social-icons{display:flex;align-items:center;gap:.45rem}.sidebar-social-btn{width:32px;height:32px;border-radius:8px;background-color:#fff;border:1px solid #e2e8f0;color:#475569;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}.sidebar-social-btn svg{width:16px;height:16px}.sidebar-social-btn.tiktok:hover{background-color:#000;border-color:#000;color:#fff;transform:translateY(-2px)}.sidebar-social-btn.instagram:hover{background:radial-gradient(circle at 30% 107%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:transparent;color:#fff;transform:translateY(-2px)}.sidebar-social-btn.facebook:hover{background-color:#1877f2;border-color:#1877f2;color:#fff;transform:translateY(-2px)}.sidebar-social-btn.whatsapp:hover{background-color:#25d366;border-color:#25d366;color:#fff;transform:translateY(-2px)}.sidebar-pwa-install-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.55rem .85rem;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;color:#0f172a;font-family:inherit;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s}.sidebar-pwa-install-btn:hover{border-color:#10b981;background-color:#f0fdf4;color:#047857;transform:translateY(-1px)}.pwa-btn-icon{font-size:1.05rem}.pwa-btn-text{flex:1;text-align:right;padding-inline-start:.4rem}.pwa-btn-badge{font-size:.68rem;background-color:#f1f5f9;color:#475569;padding:2px 6px;border-radius:4px}.sidebar-legal-links-row{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.73rem}.sidebar-mini-link{color:#64748b;text-decoration:none;font-weight:500;transition:color .2s}.sidebar-mini-link:hover{color:var(--color-accent);text-decoration:underline}.sidebar-legal-separator{color:#cbd5e1;font-size:.75rem}.sidebar-copyright-row{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.7rem;color:#94a3b8;text-align:center}.sidebar-copyright-tag{font-size:.8rem}.qr-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:210;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) ease}.qr-modal-backdrop.active{opacity:1;pointer-events:auto}.qr-modal-dialog{background-color:#fff;width:100%;max-width:440px;border-radius:16px;box-shadow:0 20px 40px #0f172a33;border:1px solid var(--color-border);overflow:hidden;transform:translateY(16px) scale(.97);transition:transform var(--transition-speed) ease}.qr-modal-backdrop.active .qr-modal-dialog{transform:translateY(0) scale(1)}.qr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.25rem;background-color:#f8fafc;border-bottom:1px solid var(--color-border)}.qr-modal-title-group{display:flex;align-items:center;gap:.75rem}.qr-modal-icon{font-size:1.5rem}.qr-modal-title{font-size:1.02rem;font-weight:700;color:var(--color-text-main)}.qr-modal-subtitle{font-size:.76rem;color:var(--color-text-muted);margin-top:2px}.qr-modal-close-btn{background:transparent;border:none;color:var(--color-text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.qr-modal-close-btn:hover{background-color:#fee2e2;color:#ef4444}.qr-modal-close-btn svg{width:18px;height:18px}.qr-modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.2rem}.qr-input-group{display:flex;flex-direction:column;gap:.45rem;text-align:right}.qr-input-label{font-size:.84rem;font-weight:600;color:var(--color-text-main)}.qr-input-field-wrap{display:flex;gap:.5rem}.qr-input-field{flex:1;padding:.65rem .85rem;font-family:inherit;font-size:.88rem;border:1.5px solid var(--color-border);border-radius:10px;outline:none;background-color:#f8fafc;color:var(--color-text-main);direction:ltr;text-align:left;transition:all .2s}.qr-input-field:focus{border-color:#10b981;background-color:#fff;box-shadow:0 0 0 3px #10b98126}.qr-gen-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;padding:0 1rem;font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s}.qr-gen-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.qr-result-box{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-canvas-card{padding:.85rem;background:#fff;border:2px dashed #cbd5e1;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a0d}.qr-image{width:190px;height:190px;display:block;border-radius:8px}.qr-actions-row{display:flex;gap:.65rem;width:100%}.qr-download-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .85rem;background-color:#0f172a;color:#fff;border-radius:10px;text-decoration:none;font-weight:600;font-size:.84rem;transition:all .2s}.qr-download-btn svg{width:16px;height:16px}.qr-download-btn:hover{background-color:#1e293b;transform:translateY(-1px)}.qr-copy-link-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.65rem .85rem;background-color:#f1f5f9;border:1px solid #cbd5e1;color:var(--color-text-main);border-radius:10px;cursor:pointer;font-family:inherit;font-weight:600;font-size:.84rem;transition:all .2s}.qr-copy-link-btn svg{width:16px;height:16px}.qr-copy-link-btn:hover{background-color:#e2e8f0}.qr-copy-link-btn.copied{background-color:#dcfce7;border-color:#86efac;color:#15803d}.profile-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:230px;background-color:#fff;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 25px #0f172a1a;padding:.75rem;z-index:110;animation:fadeIn .18s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem}.profile-details{display:flex;flex-direction:column;text-align:right;overflow:hidden}.profile-name{font-weight:600;font-size:.95rem;color:var(--color-text-main)}.profile-email{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;direction:ltr;text-align:right}.profile-dropdown-divider{height:1px;background-color:var(--color-border);margin:.5rem 0}.profile-dropdown-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.profile-dropdown-list a{display:flex;align-items:center;gap:.65rem;padding:.6rem .75rem;border-radius:6px;color:var(--color-text-main);text-decoration:none;font-size:.88rem;transition:background-color var(--transition-speed),color var(--transition-speed)}.profile-dropdown-list a svg{width:16px;height:16px;color:var(--color-text-muted)}.profile-dropdown-list a:hover{background-color:#f1f5f9;color:var(--color-accent)}.profile-dropdown-list a:hover svg{color:var(--color-accent)}.profile-login-trigger{background:none;border:none;padding:2px 0;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--color-accent);cursor:pointer;text-align:right;transition:color var(--transition-speed)}.profile-login-trigger:hover{color:var(--color-accent-hover);text-decoration:underline}.logout-link{color:#dc2626!important}.logout-link svg{color:#dc2626!important}.logout-link:hover{background-color:#fef2f2!important;color:#b91c1c!important}.login-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}.login-modal-card{background-color:#fff;border-radius:16px;width:100%;max-width:400px;box-shadow:0 20px 35px #0f172a2e;border:1px solid var(--color-border);padding:1.5rem;position:relative;animation:modalScale .2s ease-out}@keyframes modalScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.login-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--color-border)}.modal-title-box{display:flex;align-items:center;gap:.65rem}.login-modal-title{font-size:1.15rem;font-weight:700;color:var(--color-text-main)}.login-modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.35rem;text-align:right}.form-group label{font-size:.85rem;font-weight:600;color:var(--color-text-main)}.form-input{width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;border:1.5px solid var(--color-border);border-radius:8px;background-color:#f8fafc;color:var(--color-text-main);outline:none;transition:border-color var(--transition-speed),background-color var(--transition-speed)}.form-input:focus{border-color:var(--color-accent);background-color:#fff;box-shadow:0 0 0 3px #2563eb1f}.submit-login-btn{background-color:var(--color-accent);color:#fff;border:none;padding:.75rem 1rem;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background-color var(--transition-speed),transform var(--transition-speed)}.submit-login-btn:hover{background-color:var(--color-accent-hover)}.submit-login-btn:active{transform:scale(.98)}.typewriter-banner{background-color:#fff;border-bottom:1.5px solid var(--color-border);box-shadow:0 2px 8px #0f172a08;padding:.85rem 1.25rem;width:100%;position:relative;z-index:10}.typewriter-container{max-width:1380px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.typewriter-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background-color:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:9999px;font-size:.86rem;font-weight:700;color:#15803d;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 3px #16a34a14}.badge-icon{width:18px;height:18px;color:#16a34a;stroke:#16a34a}.typewriter-display{flex:1;display:flex;align-items:center;justify-content:flex-start;min-height:34px;font-size:1.25rem;font-weight:700;color:#0f172a;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typewriter-text{color:#0f172a;transition:color .2s ease}.typewriter-cursor{display:inline-block;font-size:1.35rem;font-weight:700;color:#16a34a;margin-right:3px;animation:blinkCursor .75s infinite ease-in-out;-webkit-user-select:none;user-select:none}@keyframes blinkCursor{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:0;transform:scaleY(.85)}}.typewriter-counter{display:inline-flex;align-items:center;gap:3px;padding:.35rem .75rem;background-color:#f8fafc;border:1px solid var(--color-border);border-radius:8px;font-size:.82rem;font-weight:600;color:#64748b;font-variant-numeric:tabular-nums;flex-shrink:0}.typewriter-counter .current-index{color:#16a34a;font-weight:700}.counter-slash{color:#94a3b8}.static-subtext-banner{background:transparent;border:none;padding:1.15rem 1.25rem .5rem;width:100%;position:relative;z-index:9}.static-subtext-container{max-width:1380px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center}.static-subtext-text{margin:0;font-size:1.35rem;font-weight:700;color:#0f172a;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.85rem;line-height:1.6}.static-phrase{color:#0f172a;font-weight:700;letter-spacing:-.2px}.static-bullet{color:#16a34a;font-size:1.45rem;font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.trust-indicators-banner{background:transparent;padding:.25rem 1.25rem 1.6rem;width:100%;position:relative;z-index:9}.trust-indicators-container{max-width:1380px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.15rem;text-align:center}.stat-indicator-pill{display:inline-flex;align-items:center;gap:.75rem;padding:.45rem 1rem;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:9999px;box-shadow:0 2px 8px #0f172a0a;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:default;position:relative}.stat-indicator-pill:hover{border-color:#86efac;transform:translateY(-2px);box-shadow:0 6px 18px #16a34a1f}.stat-icon-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#f0fdf4;border-radius:50%;flex-shrink:0}.indicator-emoji{font-size:1.15rem;line-height:1}.lightning-pulse .indicator-emoji{animation:lightningTwinkle 2.5s infinite ease-in-out}@keyframes lightningTwinkle{0%,to{transform:scale(1);filter:drop-shadow(0 0 0px rgba(234,179,8,0))}50%{transform:scale(1.18);filter:drop-shadow(0 0 4px rgba(234,179,8,.6))}}.stat-meta{display:flex;flex-direction:column;align-items:flex-start;text-align:right;line-height:1.25}.stat-number-row{display:flex;align-items:center;gap:.35rem;font-size:1.15rem;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums}.stat-counter{font-weight:800;color:#0f172a;letter-spacing:-.3px}.stat-counter.highlight-accent{color:#16a34a}.stat-prefix,.stat-unit{font-size:.95rem;color:#16a34a;font-weight:700}.stat-sub-response{font-size:.8rem;font-weight:700;color:#16a34a}.stat-badge-verified{display:inline-block;padding:.1rem .4rem;background-color:#dcfce7;color:#15803d;border-radius:6px;font-size:.72rem;font-weight:800;letter-spacing:.2px}.stat-badge-speed{display:inline-block;padding:.1rem .4rem;background-color:#fef9c3;color:#854d0e;border-radius:6px;font-size:.72rem;font-weight:800}.stat-label{font-size:.84rem;font-weight:600;color:#475569;letter-spacing:-.1px}.stat-live-beacon{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center;margin-right:2px}.beacon-core{width:8px;height:8px;background-color:#16a34a;border-radius:50%;z-index:2}.beacon-wave{position:absolute;width:16px;height:16px;border-radius:50%;background-color:#22c55e73;animation:beaconPulse 1.8s infinite ease-out;z-index:1}@keyframes beaconPulse{0%{transform:scale(.6);opacity:.9}to{transform:scale(2.2);opacity:0}}.trust-indicator-separator{color:#cbd5e1;font-size:1.25rem;font-weight:300;-webkit-user-select:none;user-select:none}.hero-feature-showcase{width:100%;background:transparent;padding:.75rem 1.25rem 1.25rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.hero-feature-container{max-width:980px;width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto}.hero-image-link{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:none;outline:none;background:transparent;cursor:pointer;max-width:100%}.hero-feature-image{max-width:100%;width:auto;max-height:520px;height:auto;object-fit:contain;display:block;margin:0 auto;background:transparent;border:none;filter:drop-shadow(0 10px 25px rgba(0,0,0,.06));transition:transform .3s cubic-bezier(.16,1,.3,1),filter .3s ease}.hero-feature-image:hover{transform:translateY(-4px) scale(1.01);filter:drop-shadow(0 16px 32px rgba(22,163,74,.12))}.hero-cta-section{width:100%;background:transparent;padding:.25rem 1.25rem 3rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.hero-cta-container{max-width:980px;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.15rem;margin:0 auto}.cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.85rem 1.75rem;border-radius:9999px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.cta-icon{font-size:1.2rem;line-height:1;display:inline-block}.cta-btn-primary{background-color:#16a34a;color:#fff;border:1.5px solid #16a34a;box-shadow:0 4px 16px #16a34a47}.cta-btn-primary:hover{background-color:#15803d;border-color:#15803d;transform:translateY(-2px);box-shadow:0 8px 24px #16a34a61;color:#fff}.cta-btn-primary:active{transform:translateY(0)}.cta-btn-secondary{background-color:#fff;color:#0f172a;border:1.5px solid #e2e8f0;box-shadow:0 2px 10px #0f172a0d}.cta-btn-secondary:hover{border-color:#16a34a;color:#15803d;background-color:#f0fdf4;transform:translateY(-2px);box-shadow:0 6px 18px #16a34a1f}.cta-btn-secondary:active{transform:translateY(0)}.cta-btn-dark{background-color:#0f172a;color:#fff;border:1.5px solid #0f172a;box-shadow:0 4px 14px #0f172a2e}.cta-btn-dark:hover{background-color:#1e293b;border-color:#1e293b;transform:translateY(-2px);box-shadow:0 8px 22px #0f172a42;color:#fff}.cta-btn-dark:active{transform:translateY(0)}.cta-arrow{font-size:1.25rem;line-height:1;transition:transform .2s ease;display:inline-block}.cta-btn-dark:hover .cta-arrow{transform:translate(-4px)}.legal-safety-footer{width:100%;background-color:#f8fafc;border-top:1px solid #e2e8f0;padding:2rem 1.25rem 2.25rem;margin-top:1.5rem;position:relative;z-index:5}.legal-footer-container{max-width:1100px;width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.legal-header-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .95rem;background-color:#fff;border:1px solid #e2e8f0;border-radius:9999px;box-shadow:0 1px 4px #0f172a0a}.legal-header-icon{width:18px;height:18px;color:#16a34a}.legal-header-text{font-size:.92rem;font-weight:700;color:#1e293b;letter-spacing:-.1px}.legal-nav{width:100%}.legal-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:.65rem .85rem}.legal-item{color:#475569;font-size:.95rem;font-weight:600;text-decoration:none;padding:.35rem .55rem;border-radius:6px;transition:all .2s ease;display:inline-block}.legal-item:hover{color:#16a34a;background-color:#fff}.legal-item.highlight-store{color:#15803d;font-weight:700}.legal-item.highlight-store:hover{color:#166534}.legal-bullet{color:#cbd5e1;font-size:.95rem;-webkit-user-select:none;user-select:none}.legal-copyright-row{margin-top:.35rem;padding-top:1rem;border-top:1px solid #edf2f7;width:100%;max-width:650px}.legal-copyright-text{margin:0;font-size:.9rem;font-weight:600;color:#64748b;letter-spacing:-.1px}.info-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.info-modal-backdrop.active{opacity:1;visibility:visible}.info-modal-dialog{background-color:#fff;width:100%;max-width:580px;border-radius:16px;box-shadow:0 20px 40px #00000029;overflow:hidden;transform:scale(.94) translateY(12px);transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;max-height:85vh}.info-modal-backdrop.active .info-modal-dialog{transform:scale(1) translateY(0)}.info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;border-bottom:1px solid #f1f5f9;background-color:#fafbfc}.info-modal-title-group{display:flex;align-items:center;gap:.65rem}.info-modal-icon{font-size:1.35rem;line-height:1}.info-modal-title{margin:0;font-size:1.15rem;font-weight:700;color:#0f172a}.info-modal-close-btn{background:transparent;border:none;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.info-modal-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.info-modal-close-btn svg{width:20px;height:20px}.info-modal-body{padding:1.5rem;overflow-y:auto;font-size:.98rem;line-height:1.7;color:#334155;text-align:right}.info-modal-body h4{margin:0 0 .5rem;color:#0f172a;font-size:1.05rem}.info-modal-body p{margin:0 0 1rem}.info-modal-body ul{margin:0 0 1rem 1.25rem;padding:0}.info-modal-body li{margin-bottom:.4rem}.info-modal-footer{padding:1rem 1.5rem;border-top:1px solid #f1f5f9;background-color:#fafbfc;display:flex;justify-content:flex-end}.info-modal-btn-confirm{background-color:#16a34a;color:#fff;border:none;padding:.65rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.info-modal-btn-confirm:hover{background-color:#15803d}.hidden{display:none!important}@media(max-width:640px){.navbar-container{padding:0 .85rem}.brand-logo{height:36px;max-height:40px;max-width:170px}.icon-btn,.profile-avatar-btn{width:38px;height:38px}.avatar-text{font-size:13.5px}:root{--nav-height: 62px}.typewriter-banner{padding:.65rem .85rem}.typewriter-container{gap:.65rem}.typewriter-badge{padding:.3rem .6rem;font-size:.78rem;gap:.35rem}.badge-icon{width:15px;height:15px}.typewriter-display{font-size:.98rem;min-height:28px}.typewriter-cursor{font-size:1.05rem}.typewriter-counter{padding:.25rem .5rem;font-size:.75rem}.static-subtext-banner{padding:.85rem .75rem .35rem}.static-subtext-text{font-size:1.05rem;gap:.5rem;line-height:1.5}.static-bullet{font-size:1.2rem}.trust-indicators-banner{padding:.1rem .5rem 1.25rem}.trust-indicators-container{gap:.5rem}.stat-indicator-pill{padding:.35rem .75rem;gap:.55rem}.stat-icon-wrapper{width:26px;height:26px}.indicator-emoji{font-size:.95rem}.stat-number-row{font-size:.98rem;gap:.25rem}.stat-label{font-size:.74rem}.trust-indicator-separator{display:none}.hero-feature-showcase{padding:.5rem .75rem 1rem}.hero-feature-image{max-height:320px}.hero-cta-section{padding:.25rem .85rem 2.5rem}.hero-cta-container{gap:.75rem;flex-direction:column;width:100%}.cta-btn{width:100%;padding:.85rem 1.25rem;font-size:1rem}.legal-safety-footer{padding:1.75rem .85rem 2.25rem}.legal-list{gap:.35rem .5rem}.legal-item{font-size:.86rem;padding:.3rem .45rem}.legal-bullet{font-size:.75rem}.legal-copyright-text{font-size:.82rem;line-height:1.5}}