*{padding:0}*,body{margin:0}body{background-color:#f8f9fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}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}header{background:linear-gradient(90deg,#1e293b,#0f172a);padding:1rem 0;position:-webkit-sticky;position:sticky;z-index:50}header .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 1rem}header .logo-container{align-items:center;display:flex;flex-shrink:0;gap:1rem}header .logo-image{background:#fff;border-radius:4px;cursor:pointer;height:48px;padding:4px;width:auto}header .logo-text{color:#fff;font-size:1.875rem;font-weight:700;margin:0;text-decoration:none}header nav{display:flex;flex-wrap:wrap;gap:1rem;margin-left:auto}header nav a{border-radius:.375rem;color:#e2e8f0;display:inline-block;font-size:.95rem;font-weight:600;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}header nav a:hover{background-color:#0f172a80;color:#60a5fa}header .hamburger-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}header .mobile-nav{background:#0f172acc;border-radius:.5rem;display:none;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;width:100%}header .mobile-nav a{border-radius:.375rem;color:#e2e8f0;display:block;font-size:1rem;font-weight:600;padding:.75rem;text-align:left;text-decoration:none;transition:all .2s ease}header .mobile-nav a:hover{background-color:#1e293b80;color:#60a5fa}main{flex:1 1;width:100%}.page-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.page-wrapper{margin:0 auto;max-width:1280px;padding:2rem;width:100%}footer{background-color:#0f172a;border-top:1px solid #1e293b;margin-top:4rem;padding:2rem 1rem}footer p{font-size:.875rem;margin-bottom:.5rem}footer a{color:#60a5fa;text-decoration:underline;transition:color .2s ease}footer a:hover{color:#93c5fd}footer .copyright{color:#9ca3af;font-size:.75rem;margin-top:1rem}.home-hero{margin-bottom:4rem;text-align:center}.home-hero h1{color:#1e293b;font-size:2.25rem;font-weight:700;margin-bottom:1rem}@media (min-width:768px){.home-hero h1{font-size:3.75rem}}.home-hero p{color:#475569;font-size:1.125rem;margin-bottom:2rem}@media (min-width:768px){.home-hero p{font-size:1.5rem}}.home-hero .divider{background-color:#2563eb;border-radius:9999px;height:4px;margin:0 auto;width:96px}.categories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:3rem}.category-card{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:inherit;cursor:pointer;padding:2rem;text-align:center;text-decoration:none;transition:all .3s ease}.category-card:hover{box-shadow:0 20px 25px #00000026;transform:translateY(-5px)}.category-card .emoji{display:block;font-size:3rem;margin-bottom:1rem;transition:transform .3s ease}.category-card:hover .emoji{transform:scale(1.1)}.category-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.category-card:hover h3{color:#2563eb}.category-card p{color:#64748b;font-size:.875rem}.page-hero{margin-bottom:3rem;text-align:center}.page-hero h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1rem}@media (min-width:768px){.page-hero h1{font-size:3rem}}.page-hero p{color:#475569;font-size:1rem}@media (min-width:768px){.page-hero p{font-size:1.125rem}}.category-filter{background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:3rem;padding:1.5rem 2rem}.category-filter h3{color:#1e293b;font-size:1.25rem;margin-bottom:1rem}.category-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.category-btn{background:#fff;border:2px solid #e2e8f0;border-radius:9999px;color:#475569;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .3s ease}.category-btn:hover{border-color:#2563eb;color:#2563eb;transform:translateY(-2px)}.category-btn.active{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.tools-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2.5rem}.tool-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:100%;padding:1.5rem}.tool-card:hover{box-shadow:0 20px 25px #00000026}.tool-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.tool-header h3{color:#1e293b;flex:1 1;font-size:1.125rem;margin:0}.rating{background:#fef3c7;border-radius:.25rem;color:#92400e;flex-shrink:0;font-size:.875rem;font-weight:600;padding:.25rem .5rem;white-space:nowrap}.tool-description{color:#475569;flex-grow:1;font-size:.938rem;line-height:1.5;margin:.75rem 0}.tool-info{align-items:center;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;display:flex;gap:.625rem;margin:1rem 0;padding:1rem 0}.price{color:#16a34a;font-size:.875rem;font-weight:600}.tool-link{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:.375rem;color:#fff;display:inline-block;font-weight:600;margin-top:.75rem;padding:.625rem 1rem;text-align:center;text-decoration:none;transition:all .3s ease}.tool-link:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);transform:scale(1.02)}.youtube-channels{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:.625rem}.channels-title{color:#1e293b;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.youtube-channels ul{list-style:none;margin:0;padding:0}.youtube-channels li{color:#475569;font-size:.8125rem;line-height:1.4;padding:.25rem 0 .25rem 1rem;position:relative}.youtube-channels li:before{color:#dc2626;content:"▶";font-size:.6rem;left:0;position:absolute}@media (max-width:768px){header nav{display:none}header .hamburger-btn{display:block}header .mobile-nav{display:flex}.categories-grid,.tools-grid{grid-template-columns:1fr}.page-wrapper{padding:1rem}.home-hero h1{font-size:2rem}.page-hero h1,header .logo-text{font-size:1.5rem}}*{box-sizing:border-box}.app-container{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-top:60px}header{background-color:#2c3e50;box-shadow:0 2px 8px #0000001a;color:#fff;left:0;padding:15px 0;position:fixed;right:0;top:0;z-index:1000}.main-container{grid-gap:0;display:grid;flex:1 1;gap:0;grid-template-columns:4.5fr 1fr;grid-template-rows:1fr auto;height:auto;margin-left:280px;min-height:calc(100vh - 60px);width:calc(100% - 280px)}footer{background-color:#2c3e50;border-top:1px solid #34495e;color:#fff;font-size:.9rem;grid-column:1/3;margin:0 20px 20px 0;padding:20px;text-align:center}.sidebar-wrapper{background:linear-gradient(135deg,#1e3c72,#2a5298);border-right:3px solid #0f2338;box-shadow:4px 0 15px #0000004d;color:#fff;height:calc(100vh - 60px);left:0;overflow-x:hidden;overflow-y:auto;padding:20px 15px;position:fixed;top:60px;width:280px;z-index:100}.sidebar-title{align-items:center;background:#ffffff14;border-bottom:3px solid #fff3;border-radius:6px;display:flex;font-size:1.3rem;font-weight:700;height:40px;margin-bottom:20px;padding-bottom:15px;padding-left:10px;padding-right:10px;text-shadow:1px 1px 2px #0000004d}.category-group{margin-bottom:12px}.category-title{align-items:center;background:#ffffff1f;border-radius:5px;color:#e0f4ff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:36px;letter-spacing:.6px;margin:0;padding:12px 10px;text-transform:uppercase;transition:all .3s ease;-webkit-user-select:none;user-select:none}.category-title:hover{background:#ffffff2e;transform:translateX(3px)}.category-chevron{display:inline-block;font-size:.75rem;margin-right:8px;transition:transform .3s ease}.category-chevron.expanded{transform:rotate(90deg)}.tools-list{animation:slideDown .3s ease;margin-left:0}@keyframes slideDown{0%{max-height:0;opacity:0;overflow:hidden}to{max-height:1000px;opacity:1}}.tool-button{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;color:#e8f4f8;cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;justify-content:center;margin:5px 0;min-height:35px;padding:10px 12px;text-align:center;transition:all .25s ease;width:100%}.tool-button:hover{background-color:#ffffff26;border-color:#ffffff4d;color:#fff;transform:translateX(5px)}.tool-button.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#1f5fa6;box-shadow:0 4px 12px #3498db66;color:#fff;font-weight:600;transform:translateX(5px)}.main-content-wrapper{background-color:#fff;grid-column:1;margin:20px 20px 20px 0;padding:30px}.ads-container,.main-content-wrapper{border-radius:8px;grid-row:1;min-height:0;overflow-y:auto}.ads-container{background-color:#f9f9f9;border:1px solid #e0e0e0;grid-column:2;margin:20px 20px 20px 10px;padding:20px}.tool-container{width:100%}.welcome-screen{color:#2c3e50;padding:80px 40px;text-align:center}.home{padding:40px 20px;text-align:center}.home h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.home p{color:#7f8c8d;font-size:1.1rem;margin-bottom:40px}.tools-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:30px;padding:0 20px}.tool-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:25px;text-align:left;transition:all .3s ease}.tool-card:hover{border-color:#3498db;box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.tool-card h3{color:#2c3e50;font-size:1.3rem;margin-bottom:15px;margin-top:0}.tool-card ul{list-style:none;margin:0;padding:0}.tool-card li{margin:8px 0}.tool-card a{color:#3498db;text-decoration:none;transition:color .3s ease}.tool-card a:hover{color:#2980b9;text-decoration:underline}.mobile-overlay{background-color:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.sidebar-wrapper::-webkit-scrollbar{width:8px}.sidebar-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sidebar-wrapper::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.sidebar-wrapper::-webkit-scrollbar-thumb:hover{background:#fff6}@media (max-width:768px){.mobile-overlay{display:block}}@media (min-width:1025px){.main-container{grid-template-columns:4.5fr 1fr;grid-template-rows:1fr auto;margin-left:280px;width:calc(100% - 280px)}footer{grid-column:1/3}.ads-container{display:block}.sidebar-wrapper{height:calc(100vh - 60px);padding:20px 15px;width:280px}}@media (max-width:1024px){.main-container{grid-template-columns:4.5fr 1fr;grid-template-rows:1fr auto;margin-left:220px;width:calc(100% - 220px)}footer{grid-column:1/3}.ads-container{display:block;margin:15px 15px 15px 5px;padding:15px}.sidebar-wrapper{height:calc(100vh - 60px);padding:15px 12px;width:220px}.tool-button{font-size:.85rem;padding:8px 10px}.sidebar-title{font-size:1.1rem;margin-bottom:15px}.main-content-wrapper{margin:15px 15px 15px 0;padding:20px}.welcome-screen{padding:60px 30px}}@media (max-width:768px){.hamburger-btn{display:block!important}.main-container{display:flex;flex-direction:column;grid-template-columns:1fr;grid-template-rows:auto 1fr;margin-left:0;width:100%}footer{grid-column:1;margin:0;width:100%}.main-content-wrapper{border-radius:6px;margin:15px 15px 15px 0;order:1;padding:20px;width:100%}.ads-container{display:block;grid-column:1;grid-row:auto;margin:10px 15px 15px 0;order:2;padding:15px;width:100%}.sidebar-wrapper{border-radius:0;border-right:1px solid #34495e;height:calc(100vh - 60px);left:0;max-height:none;padding:15px 10px;position:fixed;top:60px;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.sidebar-wrapper.mobile-open{transform:translateX(0)}.welcome-screen{padding:40px 20px}.tools-grid{gap:20px;grid-template-columns:1fr}.tool-card{padding:20px}.main-container{gap:0}}@media (max-width:480px){.hamburger-btn{display:block!important}.sidebar-wrapper{max-width:250px;width:90vw}.main-content-wrapper{border-radius:4px;margin:10px 10px 10px 0;order:1;padding:15px;width:100%}.ads-container{grid-column:1;grid-row:auto;margin:5px 10px 10px 0;order:2;padding:10px;width:100%}.welcome-screen{padding:30px 15px}.home h1{font-size:1.8rem}.tool-card{padding:15px}.main-container{grid-template-columns:1fr}}@media (max-width:360px){.hamburger-btn{display:block!important}.main-content-wrapper{margin:10px 5px 10px 0;order:1;padding:10px;width:100%}.ads-container{grid-column:1;grid-row:auto;margin:5px 5px 10px 0;order:2;padding:8px;width:100%}.welcome-screen{padding:20px 10px}.home h1{font-size:1.5rem}.sidebar-title{font-size:1rem}.tool-button{font-size:.8rem;padding:6px 8px}}
/*# sourceMappingURL=main.4a43fff1.css.map*/