.header{background-color:#fff;color:#000;padding:1rem 0;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;align-items:center;gap:.5rem}.logo-placeholder{font-size:1.5rem;font-weight:700;color:#000}.logo-domain{font-size:.7rem;font-weight:400;color:#6b7280}.brand-name{font-size:.9rem;color:#9ca3af}.header-nav{display:flex;gap:1rem}.btn-login,.btn-register{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-login{background-color:#fff;color:#000;border:1px solid #000000}.btn-login:hover{background-color:#f3f4f6}.btn-register{background-color:#fff;color:#000;border:1px solid #000000}.btn-register:hover{background-color:#f3f4f6}.mobile-menu-toggle{display:none;background:none;border:none;color:#000;font-size:1.5rem;cursor:pointer}.mobile-nav{display:none;flex-direction:column;gap:.5rem;padding:1rem;background-color:#fff}.mobile-section-label{color:#6b7280;font-size:.8rem;padding:.25rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:.25rem}.dropdown-wrapper{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:140px;z-index:200;margin-top:.25rem;box-shadow:0 4px 12px #0000004d}.dropdown-item{display:block;width:100%;padding:.6rem 1rem;background:none;border:none;color:#000;text-align:left;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f3f4f6}.dropdown-item:first-child{border-radius:6px 6px 0 0}.dropdown-item:last-child{border-radius:0 0 6px 6px}@media (max-width: 768px){.desktop-only{display:none}.mobile-menu-toggle{display:block}.mobile-nav{display:flex;position:absolute;top:100%;left:0;right:0;width:100%}.mobile-nav .btn-login,.mobile-nav .btn-register{width:100%;text-align:center}}@media (max-width: 480px){.header-container{padding:0 .5rem}.logo-placeholder{font-size:1.2rem}.brand-name{display:none}}.hero{background:linear-gradient(135deg,#1f2937,#111827);color:#fff;padding:0;flex:1;overflow-x:hidden;width:100%;border-radius:16px}.hero-container{max-width:1200px;width:100%;margin:0 auto;display:flex;flex-direction:column;height:100%;padding:1rem;overflow-x:hidden}.hero-ad-top{margin-bottom:0}.ad-hero-link{display:block;width:100%}.ad-hero-banner{width:100%;height:80px;border-radius:8px;object-fit:cover}.ad-banner{display:flex;align-items:center;justify-content:center;width:100%;height:45px;border-radius:8px;border:1px solid #000000;text-align:center;font-weight:700;font-size:1.1rem;text-decoration:none}.helpmenow-banner{background-color:#dc2626;color:#fff}.snappi-banner{background-color:#000;color:#fff}.hero-ad-bottom{flex:1;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;width:100%}.hero-ad-heading{color:#d1d5db;font-size:1rem;text-align:center;margin:0}.hero-ad-bottom.expanded{min-height:200px}.hero-content{text-align:center;margin-bottom:.5rem}.hero-content h1{font-size:2.5rem;margin-bottom:1rem;color:#9ca3af}.hero-content p{font-size:1.1rem;color:#d1d5db;max-width:600px;margin:0 auto}.hero-about{max-width:700px;margin:0 auto 2rem;color:#d1d5db;font-size:.95rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.hero-about p{margin:0 0 .75rem}.hero-about ul{margin:.5rem 0 1rem 1.5rem;padding:0}.hero-about li{margin-bottom:.3rem}.hero-about h4{color:#fff;margin:1.25rem 0 .5rem;font-size:1rem}.read-more-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:0;display:inline}.read-more-content{margin-top:1rem}.hero-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:600px;margin:0 auto 2rem;width:100%;box-sizing:border-box}.hero-btn{width:100%;aspect-ratio:1;background-color:#fff;color:#000;border:2px solid black;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.25rem;transition:all .3s ease;min-width:0;overflow:hidden;padding:.25rem}.btn-bg-image{width:60px;height:60px;object-fit:contain}.btn-overlay-text{color:#000;font-weight:700;font-size:.75rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-sub-text{color:#6b7280;font-size:.6rem;text-align:center;line-height:1.2;max-width:100%}.hero-btn:hover{border-color:#9ca3af;transform:translateY(-4px);box-shadow:0 8px 16px #ffffff1a}@media (max-width: 768px){.hero-container{padding:1rem .75rem}.hero-ad-top{margin-bottom:1rem}.hero-content h1{font-size:1.8rem}.hero-about{font-size:.9rem;margin-bottom:1.5rem}.hero-ad-bottom{margin-top:1rem}}@media (max-width: 480px){.hero-container{padding:.75rem .5rem}.hero-ad-top{margin-bottom:.75rem}.hero-content h1{font-size:1.4rem;margin-bottom:.5rem}.hero-about{font-size:.85rem;margin-bottom:1rem}.hero-btn{aspect-ratio:auto;padding:.4rem .2rem}.btn-bg-image{width:45px;height:45px}.btn-overlay-text{font-size:.6rem}.btn-sub-text{font-size:.5rem}}@media (max-width: 360px){.hero-buttons{gap:.2rem}.hero-btn{border-width:1px;gap:.15rem;aspect-ratio:auto;padding:.3rem .15rem}.btn-bg-image{width:35px;height:35px}.btn-overlay-text{font-size:.5rem}.btn-sub-text{font-size:.4rem}}.footer{background-color:#111827;color:#d1d5db;padding:3rem 1rem 1rem;border-top:1px solid #374151;overflow-x:hidden;width:100%}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem}.footer-section h4{color:#fff;margin-bottom:1rem;font-size:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#9ca3af;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;font-size:.85rem;color:#6b7280}.footer-bottom p{margin:.5rem 0}@media (max-width: 768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:1.5rem}.footer{padding:2rem 1rem 1rem}}@media (max-width: 480px){.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-section h4{font-size:.95rem}.footer-section a{font-size:.85rem}.footer-bottom{font-size:.8rem}}.pwa-prompt{background-color:#10b981;color:#fff;padding:1rem;border-radius:8px;margin:2rem auto;max-width:600px;box-shadow:0 4px 12px #10b9814d}.pwa-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pwa-content p{margin:0;font-size:1rem;flex:1}.pwa-buttons{display:flex;gap:.5rem;flex-shrink:0}.pwa-install-btn,.pwa-close-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease;white-space:nowrap}.pwa-install-btn{background-color:#fff;color:#10b981;font-weight:700}.pwa-install-btn:hover{background-color:#f0fdf4}.pwa-close-btn{background-color:#fff3;color:#fff}.pwa-close-btn:hover{background-color:#ffffff4d}@media (max-width: 768px){.pwa-content{flex-direction:column;align-items:flex-start}.pwa-buttons{width:100%}.pwa-install-btn,.pwa-close-btn{flex:1}}@media (max-width: 480px){.pwa-prompt{margin:1rem 0}.pwa-content p{font-size:.9rem}.pwa-install-btn,.pwa-close-btn{padding:.4rem .8rem;font-size:.8rem}}.ad-sidebar-wrapper{display:flex;flex-direction:column}.ad-sidebar-heading{color:#9ca3af;font-size:.9rem;margin-bottom:1rem;text-align:center;font-weight:400}.ad-sidebar{display:grid;grid-template-columns:1fr;gap:1rem}.ad-placeholder-single{background:linear-gradient(135deg,#374151,#1f2937);border-radius:8px;border:1px solid #4b5563;padding:1rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;aspect-ratio:1}.ad-placeholder-single:hover{border-color:#9ca3af;background:linear-gradient(135deg,#1f2937,#111827);transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.ad-slogan{color:#e5e7eb;font-size:.85rem;line-height:1.4;font-weight:500}.ad-tag{color:#10b981;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ad-icon{position:absolute;bottom:.5rem;right:.5rem;width:75px;height:75px;object-fit:contain;opacity:.8}.ad-sidebar-sp .ad-icon{bottom:.5rem}@media (max-width: 1024px){.ad-sidebar-wrapper{display:none}}.ads-grid-section{display:none;padding:1.5rem 1rem;background-color:#111827;border-top:1px solid #374151;border-bottom:1px solid #374151}.ads-grid-heading{color:#9ca3af;font-size:.9rem;text-align:center;margin-bottom:1rem;font-weight:400}.ads-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:600px;margin:0 auto}.ads-grid-item{background:linear-gradient(135deg,#374151,#1f2937);border-radius:8px;border:1px solid #4b5563;padding:.75rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:.4rem;position:relative;overflow:hidden;aspect-ratio:1.3}.ads-grid-item:hover{border-color:#9ca3af}.ads-grid-slogan{color:#e5e7eb;font-size:.8rem;line-height:1.3;font-weight:500}.ads-grid-tag{color:#10b981;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.ads-grid-icon{position:absolute;bottom:.5rem;right:.5rem;width:60px;height:60px;object-fit:contain;opacity:.8}@media (max-width: 1024px){.ads-grid-section{display:block}}.registration-form{width:100%}.registration-form h2{color:#fff;margin-bottom:1.5rem;text-align:center}.error-message{background-color:#dc2626;color:#fff;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-size:.9rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#9ca3af;font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=password]{width:100%;padding:.75rem;border:none;border-radius:6px;font-size:1rem;background-color:#1f2937;color:#fff;border:1px solid #374151}.form-group input:focus{outline:none;border-color:#fff}.form-group input::placeholder{color:#6b7280}.btn-gps{margin-top:.5rem;padding:.4rem .75rem;background-color:#1f2937;color:#d1d5db;border:1px solid #374151;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .3s ease}.btn-gps:hover{border-color:#fff;color:#fff}.btn-gps:disabled{opacity:.6;cursor:not-allowed}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#d1d5db;margin-bottom:0}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ffffff}.form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-submit{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background-color:#6b7280;color:#fff}.btn-cancel:hover{background-color:#4b5563}.btn-submit{background-color:#fff;color:#000}.btn-submit:hover{background-color:#d1d5db}.btn-submit:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.coming-soon{color:#9ca3af;text-align:center;padding:2rem 0;font-style:italic}@media (max-width: 480px){.form-group input{padding:.6rem;font-size:.9rem}.form-buttons{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.login-form{width:100%}.login-form h2{color:#fff;margin-bottom:1.5rem;text-align:center}.login-form .error-message{background-color:#dc2626;color:#fff;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center;font-size:.9rem}.login-form .form-group{margin-bottom:1rem}.login-form .form-group label{display:block;margin-bottom:.5rem;color:#9ca3af;font-size:.9rem}.login-form .form-group input[type=text],.login-form .form-group input[type=email],.login-form .form-group input[type=password]{width:100%;padding:.75rem;border:1px solid #374151;border-radius:6px;font-size:1rem;background-color:#1f2937;color:#fff}.login-form .form-group input:focus{outline:none;border-color:#fff}.login-form .form-group input::placeholder{color:#6b7280}.login-form .checkbox-group{display:flex;align-items:center}.login-form .checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#d1d5db;margin-bottom:0}.login-form .checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#ffffff}.login-form .form-buttons{display:flex;gap:1rem;margin-top:1.5rem}.login-form .btn-cancel,.login-form .btn-submit{flex:1;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.login-form .btn-cancel{background-color:#6b7280;color:#fff}.login-form .btn-cancel:hover{background-color:#4b5563}.login-form .btn-submit{background-color:#fff;color:#000}.login-form .btn-submit:hover{background-color:#d1d5db}.login-form .btn-submit:disabled,.login-form .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.login-form .coming-soon{color:#9ca3af;text-align:center;padding:2rem 0;font-style:italic}@media (max-width: 480px){.login-form .form-group input{padding:.6rem;font-size:.9rem}.login-form .form-buttons{flex-direction:column}.login-form .btn-cancel,.login-form .btn-submit{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;max-width:100vw}.main-content{flex:1;display:grid;grid-template-columns:1fr minmax(0,800px) 1fr;gap:2rem;padding:2rem 1rem;max-width:100%;margin:0 auto;width:100%;align-items:start;overflow-x:hidden}.hero-bottom{background-color:#111827;width:100%}.hero-bottom-container{max-width:800px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;gap:.75rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background-color:#374151;color:#fff;padding:2rem;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #0000004d}.modal h2{margin-bottom:1rem;color:#fff}.modal p{margin-bottom:1.5rem;color:#d1d5db}.modal button{background-color:#fff;color:#000;padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.modal button:hover{background-color:#d1d5db}@media (max-width: 1024px){.main-content{grid-template-columns:1fr;padding:0}.main-content>.ad-sidebar-wrapper{display:none}}@media (max-width: 768px){.main-content{padding:0}.modal{padding:1.5rem}.modal h2{font-size:1.5rem}}@media (max-width: 480px){.modal{padding:1rem}.modal h2{font-size:1.2rem}.modal button{width:100%}}