*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;line-height:1.6}#root,body,html{height:100%}.App{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.navbar{background-color:#2c3e50;box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo,.nav-container{align-items:center;display:flex}.logo{font-size:1.8rem;font-weight:700}.categories-list{margin:0 auto;max-width:1000px}.category-item{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;overflow:hidden;transition:box-shadow .3s ease}.category-item:hover{box-shadow:0 4px 15px #00000026}.category-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:20px 25px;transition:background-color .3s ease}.category-header:hover{background:#f8f9fa}.category-header.active{background:#f1f8ff;border-bottom:1px solid #e1e8ed}.category-info{align-items:center;display:flex;gap:20px}.category-icon{font-size:2.5rem}.category-text h3{color:#2c3e50;font-size:1.4rem;margin:0 0 5px}.category-text p{color:#7f8c8d;font-size:.95rem;margin:0}.category-arrow{color:#7f8c8d;font-size:1.2rem;transition:transform .3s ease}.category-header.active .category-arrow{color:#3498db;transform:rotate(0deg)}.category-content{max-height:0;overflow:hidden;transition:max-height .5s ease}.category-content.show{max-height:2000px}.category-content .tools-grid{grid-gap:20px;background:#f8f9fa;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:25px}.tool-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.tool-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-3px)}.tool-card-header{padding:15px 20px}.tool-card-header h4{font-size:1.1rem;font-weight:600;margin:0}.tool-card-body{padding:20px}.tool-card-body p{color:#666;font-size:.9rem;line-height:1.4;margin-bottom:15px}@media (max-width:768px){.category-info{gap:15px}.category-icon{font-size:2rem}.category-text h3{font-size:1.2rem}.category-content .tools-grid{grid-template-columns:1fr;padding:15px}}.logo-icon{font-size:2rem;margin-right:10px}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:2rem}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#3498db}.hero{background:linear-gradient(135deg,#3498db,#2c3e50);color:#fff;padding:5rem 0;text-align:center}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin:0 auto 2rem;max-width:700px;opacity:.9}.btn{background-color:#e74c3c;border:none;border-radius:30px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s}.btn:hover{background-color:#c0392b;box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.tools-section{padding:5rem 0}.section-title{color:#2c3e50;margin-bottom:3rem;text-align:center}.section-title h2{font-size:2.5rem;margin-bottom:1rem}.section-title p{color:#7f8c8d;margin:0 auto;max-width:700px}.tools-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tool-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s,box-shadow .3s}.tool-card:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.tool-card-header{background:#3498db;color:#fff;padding:1.5rem;text-align:center}.tool-card-body{padding:1.5rem}.tool-card-body h3{color:#2c3e50;margin-bottom:1rem}.tool-card-body p{color:#7f8c8d;margin-bottom:1.5rem}.features{background:#ecf0f1;padding:5rem 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:3rem}.feature{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:2rem;text-align:center}.feature-icon{color:#3498db;font-size:3rem;margin-bottom:1rem}.feature h3{color:#2c3e50;margin-bottom:1rem}footer{background:#2c3e50;color:#fff;margin-top:auto;padding:3rem 0;text-align:center;width:100%}.footer-content{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 20px}.footer-logo{font-size:2rem;font-weight:700;margin-bottom:1rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:1.5rem 0}.footer-links li{margin:0 1rem}.footer-links a{color:#fff;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#3498db;text-decoration:none}.copyright{color:#bdc3c7;margin-top:1.5rem}.page-content{flex:1 1;padding:20px 0}@media (max-width:768px){.nav-container{flex-direction:column}.nav-links{flex-wrap:wrap;justify-content:center;margin-top:1rem}.nav-links li{margin:0 .5rem .5rem}.hero h1{font-size:2.2rem}.hero p{font-size:1rem;padding:0 1rem}.tools-grid{grid-template-columns:1fr;padding:0 1rem}.footer-links{flex-direction:column;gap:10px}.footer-links li{margin:.5rem 0}}
/*# sourceMappingURL=main.b109cbb9.css.map*/