body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}@media screen and (max-width:768px){body{overflow-x:hidden}.container{max-width:100%;padding:10px}button{min-height:44px;min-width:44px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}p{font-size:16px}.grid{grid-template-columns:1fr!important}img{height:auto;max-width:100%}table{display:block;overflow-x:auto;white-space:nowrap}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-message{color:#667eea;font-size:16px;margin-top:15px}.error-boundary{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px;text-align:center}.error-boundary h1{color:#e53e3e;margin-bottom:20px}.error-boundary p{color:#666;margin-bottom:30px}.error-boundary button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.error-boundary button:hover{background:#5568d3}.error-boundary details{margin-top:20px;max-width:600px;text-align:left}.error-boundary pre{background:#f7fafc;border-radius:4px;color:#e53e3e;font-size:14px;overflow-x:auto;padding:15px}.navbar{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.navbar.navbar-transparent{background-color:initial;box-shadow:none;position:fixed;width:100%}.navbar.navbar-scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1e293bf2;box-shadow:0 2px 8px #00000026;position:fixed;width:100%}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.navbar-brand{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;z-index:1001}.navbar-menu{align-items:center;display:flex;gap:1.5rem}.navbar-emoji{filter:grayscale(100%);opacity:.85;transition:filter .2s,opacity .2s}.dropdown-item:hover .navbar-emoji,.navbar-brand:hover .navbar-emoji,.navbar-button:hover .navbar-emoji,.navbar-link-active .navbar-emoji,.navbar-link-primary .navbar-emoji,.navbar-link:hover .navbar-emoji{filter:grayscale(0);opacity:1}.navbar-link{color:#fff;padding:.5rem 0;text-decoration:none;transition:opacity .2s}.navbar-link:hover{opacity:.8}.navbar-link-highlight{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:6px;font-weight:500;padding:.5rem 1rem}.navbar-link-highlight:hover{opacity:.9;transform:translateY(-1px)}.navbar-user{color:#ecf0f1;font-size:.9rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;padding:.5rem 1.5rem;text-decoration:none;transition:background-color .2s;white-space:nowrap}.navbar-button:hover{background-color:#2980b9}.navbar-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;padding:.5rem;z-index:1001}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-around;width:24px}.hamburger span{background-color:#fff;border-radius:3px;height:3px;transition:all .3s ease;width:100%}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}@media (max-width:768px){.navbar-container{padding:0 1rem}.navbar-toggle{display:block}.navbar-menu{align-items:stretch;background-color:#2c3e50;box-shadow:0 4px 6px #0000001a;flex-direction:column;gap:0;left:0;max-height:calc(100vh - 60px);overflow-y:auto;padding:1rem 0;position:fixed;right:0;top:60px;transform:translateX(-100%);transition:transform .3s ease;z-index:1000}.navbar-menu.active{transform:translateX(0)}.navbar-button,.navbar-link,.navbar-user{border-bottom:1px solid #ffffff1a;display:block;padding:1rem 2rem;text-align:left;width:100%}.navbar-button:last-child,.navbar-link:last-child{border-bottom:none}.navbar-user{border-bottom:1px solid #ffffff1a;max-width:none;padding:1rem 2rem}.navbar-button{margin:0 2rem;text-align:center;width:calc(100% - 4rem)}.navbar-brand{font-size:1.25rem}}@media (max-width:480px){.navbar-container{padding:0 .75rem}.navbar-brand{font-size:1.125rem}.navbar-menu{top:56px}.navbar-button,.navbar-link,.navbar-user{font-size:.9375rem;padding:.875rem 1.5rem}.navbar-button{margin:0 1.5rem;width:calc(100% - 3rem)}}body.menu-open{overflow:hidden}.navbar-profile{position:relative}.navbar-profile-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:background-color .2s}.navbar-profile-toggle:hover{background:#fff3}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.profile-name{font-size:.875rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-arrow{font-size:.625rem;transition:transform .2s}.profile-arrow.open{transform:rotate(180deg)}.navbar-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1002}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-divider{background-color:#e9ecef;height:1px;margin:.25rem 0}.dropdown-item-danger{color:#e74c3c}.dropdown-item-danger:hover{background-color:#fdf2f2}.navbar-link-primary{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:6px;font-weight:500;padding:.5rem 1rem}.navbar-link-primary:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.navbar-profile{border-bottom:1px solid #ffffff1a;width:100%}.navbar-profile-toggle{background:#0000;border-radius:0;justify-content:flex-start;padding:1rem 2rem;width:100%}.navbar-profile-toggle:hover{background:#ffffff1a}.profile-name{flex:1 1;max-width:none}.navbar-dropdown{animation:none;background:#0003;border-radius:0;box-shadow:none;position:static}.dropdown-item{color:#fff;padding:.875rem 2.5rem}.dropdown-divider,.dropdown-item:hover{background-color:#ffffff1a}.dropdown-item-danger{color:#ff6b6b}.dropdown-item-danger:hover{background-color:#ff6b6b1a}.navbar-link-primary{background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:6px;margin:.5rem 2rem;text-align:center;width:calc(100% - 4rem)}}@media (max-width:480px){.navbar-profile-toggle{padding:.875rem 1.5rem}.dropdown-item{font-size:.875rem;padding:.75rem 2rem}.navbar-link-primary{margin:.5rem 1.5rem;width:calc(100% - 3rem)}}.home{display:flex;flex-direction:column;min-height:100vh}.hero-search{background-image:url(https://images.unsplash.com/photo-1520250497591-112f2f40a3f4?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;height:70vh;min-height:480px;position:relative}.hero-search,.hero-search-overlay{align-items:center;display:flex;justify-content:center}.hero-search-overlay{background:linear-gradient(135deg,#1e293be0,#334155d1);inset:0;position:absolute}.hero-search-content{color:#fff;margin:0 auto;max-width:800px;padding:2rem;position:relative;text-align:center;width:100%;z-index:2}.hero-search-title{animation:fadeInUp .6s ease-out;font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.hero-search-subtitle{animation:fadeInUp .8s ease-out;font-size:1.2rem;margin-bottom:2.5rem;opacity:.85}.search-widget{animation:fadeInUp 1s ease-out}.search-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000040;display:flex;gap:0;padding:.375rem}.search-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:0;padding:0 1rem}.search-icon{color:#94a3b8;flex-shrink:0;height:20px;margin-right:.75rem;width:20px}.search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:1rem;min-width:0;outline:none;padding:.875rem 0}.search-input::placeholder{color:#94a3b8}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s ease;white-space:nowrap}.search-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.search-button:disabled{cursor:not-allowed;opacity:.5}.search-hint{color:#ffffffb3;font-size:.9rem;margin-top:.75rem;text-align:center}.quick-categories{background:#fff;padding:4rem 2rem}.section-heading{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:2.5rem;text-align:center}.categories-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(6,1fr);margin:0 auto;max-width:900px}.category-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 1rem;text-decoration:none;transition:all .2s ease}.category-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea1f;color:#667eea;transform:translateY(-4px)}.category-icon{height:40px;width:40px}.category-icon svg{height:100%;width:100%}.category-label{font-size:.85rem;font-weight:600;text-align:center}.differentials-section{background:#f8fafc;padding:5rem 2rem}.differentials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1100px}.differential-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2.5rem 2rem;transition:all .25s ease}.differential-card:hover{border-color:#cbd5e1;box-shadow:0 12px 32px #00000014;transform:translateY(-6px)}.differential-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:1.5rem;width:48px}.differential-icon svg{stroke:#fff;color:#fff;height:24px;width:24px}.differential-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.differential-card p{color:#64748b;font-size:.95rem;line-height:1.7;margin-bottom:1.25rem}.differential-link{align-items:center;color:#667eea;display:inline-flex;font-size:.9rem;font-weight:600;gap:.375rem;text-decoration:none;transition:gap .2s ease}.differential-link:hover{gap:.625rem}.home-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5rem 2rem;text-align:center}.home-cta-title{color:#fff;font-size:2.25rem;font-weight:700;margin-bottom:1rem}.home-cta-desc{font-size:1.1rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px;opacity:.9}.home-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.home-cta-btn{background:#fff;border:none;border-radius:12px;color:#667eea;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .2s ease}.home-cta-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.home-cta-btn-outline{background:#0000;border:2px solid #ffffff80;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .2s ease}.home-cta-btn-outline:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.footer{background:#1e293b;color:#fff;padding:4rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1200px}.footer-section h3,.footer-section h4{color:#fff;font-weight:600;margin-bottom:1.25rem}.footer-section p{color:#94a3b8;font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.625rem}.footer-section ul li a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;color:#64748b;font-size:.85rem;padding-top:2rem;text-align:center}.container,.footer-bottom{margin:0 auto;max-width:1200px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@media (max-width:968px){.hero-search-title{font-size:2.25rem}.categories-grid{grid-template-columns:repeat(3,1fr)}.differentials-grid{grid-template-columns:1fr;max-width:500px}}@media (max-width:768px){.hero-search{height:auto;min-height:420px;padding-top:80px}.hero-search-content{padding:2rem 1.5rem 3rem}.hero-search-title{font-size:1.75rem}.hero-search-subtitle{font-size:1.05rem;margin-bottom:2rem}.search-bar{border-radius:12px;flex-direction:column;gap:0}.search-input-wrapper{padding:0 1rem;width:100%}.search-button{border-radius:0 0 10px 10px;justify-content:center;padding:1rem;width:100%}.quick-categories{padding:3rem 1.5rem}.section-heading{font-size:1.5rem;margin-bottom:2rem}.categories-grid{gap:.75rem;grid-template-columns:repeat(3,1fr)}.category-card{padding:1rem .5rem}.category-icon{height:32px;width:32px}.category-label{font-size:.75rem}.differentials-section{padding:3rem 1.5rem}.differential-card{padding:2rem 1.5rem}.home-cta{padding:3.5rem 1.5rem}.home-cta-title{font-size:1.75rem}.home-cta-actions{align-items:stretch;flex-direction:column}.home-cta-btn,.home-cta-btn-outline{text-align:center}.footer{padding:3rem 1.5rem 1.5rem}.footer-content{gap:2rem;grid-template-columns:1fr}}@media (max-width:480px){.hero-search-title{font-size:1.5rem}.hero-search-subtitle{font-size:.95rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.home-cta-title{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.auth-page{display:flex;flex-direction:column;min-height:100vh}.auth-container{align-items:center;background-color:#f5f7fa;display:flex;flex:1 1;justify-content:center;padding:2rem}.auth-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #00000014;max-width:420px;padding:2.5rem;width:100%}.auth-card.register-card{max-width:480px}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-card h2{color:#1a202c;font-size:1.6rem;font-weight:700;margin:0 0 .25rem;text-align:center}.auth-subtitle{color:#718096;font-size:.95rem;margin:0}.form-group{margin-bottom:1.25rem}.form-group label{color:#2d3748;display:block;font-size:.875rem;font-weight:600;margin-bottom:.4rem}.form-group input{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:.7rem .85rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.form-group input::placeholder{color:#a0aec0}.account-type-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.account-type-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.85rem 1rem;text-align:left;transition:all .2s}.account-type-btn:hover{background:#f7fafc;border-color:#cbd5e0}.account-type-btn.active{background:#f0f4ff;border-color:#667eea}.account-type-icon{color:#a0aec0;flex-shrink:0;height:28px;width:28px}.account-type-btn.active .account-type-icon{color:#667eea}.account-type-text{display:flex;flex-direction:column;min-width:0}.account-type-label{color:#2d3748;font-size:.9rem;font-weight:600;line-height:1.3}.account-type-btn.active .account-type-label{color:#667eea}.account-type-desc{color:#a0aec0;font-size:.75rem;line-height:1.3;margin-top:2px}.terms-box{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;padding:.85rem 1rem}.terms-label{align-items:flex-start;cursor:pointer;display:flex;font-weight:400;gap:.65rem}.terms-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:18px;margin-top:1px;width:18px}.terms-label span{color:#4a5568;font-size:.85rem;line-height:1.5}.terms-label a{color:#667eea;font-weight:600;text-decoration:none}.terms-label a:hover{text-decoration:underline}.google-signin-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;width:100%}.google-btn-wrapper{display:flex;justify-content:center;transition:opacity .2s}.google-hint{color:#a0aec0;font-size:.8rem;text-align:center}.google-loading{color:#667eea;font-size:.875rem;margin:0}.auth-divider{align-items:center;color:#a0aec0;display:flex;font-size:.8rem;margin:1.25rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.auth-divider span{padding:0 1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.75rem;transition:opacity .2s,transform .1s;width:100%}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.error-message{background-color:#fff5f5;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.875rem;margin-bottom:1.25rem;padding:.75rem 1rem}.advertiser-fields{border-top:1px solid #f0f0f0;margin-top:.25rem;padding-top:.5rem}.form-row-half{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.auth-footer{color:#718096;font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:520px){.auth-container{padding:1rem}.auth-card{padding:1.5rem}.account-type-selector,.form-row-half{grid-template-columns:1fr}}