@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-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;line-height:1.7;color:#333;background-color:#f8f9fa;font-size:16px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;color:#2c3e50;letter-spacing:-.025em}p{margin-bottom:1.5rem;color:#4a5568}.container{max-width:1200px;margin:0 auto;padding:0 24px}main{min-height:80vh;padding:2.5rem 0}header{background-color:#2c3e50;color:#fff;padding:1.25rem 0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:sticky;top:0;z-index:100}.logo{font-size:1.75rem;font-weight:800;color:#fff;text-decoration:none;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#3498db;transition:width .3s ease}.nav-links a:hover:after{width:100%}h1{font-size:2.75rem;margin-bottom:1.75rem;color:#2c3e50}h2{font-size:2.25rem;margin:2.5rem 0 1.25rem;color:#34495e}h3{font-size:1.75rem;margin:2rem 0 1.25rem;color:#34495e}h4{font-size:1.25rem;margin:1.5rem 0 1rem;color:#34495e}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #e2e8f0}.card:hover{transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin:2.5rem 0}.tool-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #e2e8f0}.tool-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px -5px #0000001a,0 10px 10px -5px #0000000a}.tool-card:hover .tool-card-content{transform:translateY(-12px)}.tool-card h3{margin-top:0;color:#2c3e50;transition:color .3s ease;font-size:1.5rem;font-weight:600}.tool-card p{color:#64748b;margin-bottom:1.25rem;line-height:1.6}.tool-card-extra{margin-top:1.5rem;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.btn{display:inline-block;padding:.875rem 1.75rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px -1px #3498db4d;cursor:pointer;font-size:1rem;letter-spacing:.025em}.btn:hover{background:linear-gradient(135deg,#2980b9,#1f618d);transform:translateY(-3px);box-shadow:0 10px 15px -3px #3498db66}.btn-primary{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 4px 6px -1px #27ae604d}.btn-primary:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 10px 15px -3px #27ae6066}.btn-container{display:flex;gap:1rem;margin-top:1.25rem}.hero{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:6rem 0;text-align:center;margin-bottom:3rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmZmZmMTAiPjwvcmVjdD4KPHBhdGggZD0iTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVoiIHN0cm9rZT0iI2ZmZmZmZjIwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KPC9zdmc+);opacity:.1}.hero h1{font-size:3.5rem;margin-bottom:1.5rem;color:#fff;font-weight:800;position:relative;z-index:1}.hero p{font-size:1.375rem;margin-bottom:2.5rem;max-width:800px;margin-left:auto;margin-right:auto;color:#ffffffe6;position:relative;z-index:1}.search-section{background-color:#fff;padding:4rem 0;box-shadow:0 4px 20px #0000001a;margin-bottom:4rem;border-radius:12px;margin-left:24px;margin-right:24px}.search-container h2{margin-bottom:1.75rem;color:#2c3e50;font-size:2rem}.search-box{display:flex;max-width:650px;margin:0 auto 2rem;animation:searchBoxAnimation 1s ease-out;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.search-input{flex:1;padding:1.25rem 1.75rem;font-size:1.125rem;border:2px solid #e2e8f0;outline:none;transition:all .3s ease;background-color:#f8f9fa}.search-input:focus{border-color:#3498db;background-color:#fff;box-shadow:0 0 0 3px #3498db1a}.search-btn{padding:1.25rem 2.5rem;background-color:#3498db;color:#fff;border:none;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.025em}.search-btn:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3498db4d}.search-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem;margin-top:1.5rem}.search-suggestions span{color:#64748b;font-weight:600;align-self:center}.search-suggestions a{color:#3498db;text-decoration:none;padding:.75rem 1.5rem;border-radius:25px;background-color:#f0f8ff;transition:all .3s ease;font-weight:500;border:1px solid #e0f0ff}.search-suggestions a:hover{background-color:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #3498db4d}footer{background-color:#2c3e50;color:#fff;text-align:center;padding:3rem 0;margin-top:4rem;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjZmZmZmZmMTAiPjwvcmVjdD4KPHBhdGggZD0iTTAgNUw1IDBaTTYgNEw0IDZaTS0xIDFMMSAtMVoiIHN0cm9rZT0iI2ZmZmZmZjIwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KPC9zdmc+);opacity:.1}footer p{color:#fffc;position:relative;z-index:1}.form-group input,.form-group textarea{padding:1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;outline:none;transition:all .3s ease;background-color:#f8f9fa}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;background-color:#fff;box-shadow:0 0 0 3px #3498db1a}.review-item{padding:1.5rem;border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem;transition:all .3s ease;border-radius:8px}.review-item:hover{background-color:#f8f9fa;transform:translate(5px)}.review-header{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.reviewer-name{font-weight:600;color:#2c3e50;font-size:1.125rem}.review-rating{color:#f39c12;font-size:1.125rem}.review-date{color:#94a3b8;font-size:.875rem}.review-content{color:#64748b;line-height:1.7}.tutorial-steps{margin:2rem 0;padding:2rem;background-color:#f8f9fa;border-radius:12px;border:1px solid #e2e8f0}.tutorial-steps h4{margin:1.5rem 0 .75rem;color:#2c3e50;font-size:1.25rem}.tutorial-use-cases{margin:2rem 0;padding:2rem;background-color:#e8f4f8;border-radius:12px;border:1px solid #d1e7dd}.tutorial-use-cases h4{margin-bottom:1rem;color:#2c3e50;font-size:1.25rem}.tutorial-use-cases ul{list-style-position:inside;color:#64748b;line-height:1.7}.tutorial-use-cases li{margin-bottom:.75rem}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.tool-grid{grid-template-columns:1fr;gap:1.5rem}.container{padding:0 16px}main{padding:2rem 0}.hero{padding:4rem 0}.search-section{padding:3rem 0;margin-left:16px;margin-right:16px}.card,.tool-card{padding:1.5rem}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#3498db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#2980b9}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links{display:flex;list-style:none;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#3498db}main{min-height:80vh;padding:2rem 0}h1{font-size:2.5rem;margin-bottom:1.5rem;color:#2c3e50}h2{font-size:2rem;margin:2rem 0 1rem;color:#34495e}h3{font-size:1.5rem;margin:1.5rem 0 1rem;color:#34495e}p{margin-bottom:1rem}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.tool-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.tool-card:hover .tool-card-content{transform:translateY(-10px)}.tool-card:hover .tool-card-extra{opacity:1;transform:translateY(0)}.tool-card h3{margin-top:0;color:#2c3e50;transition:color .3s ease}.tool-card:hover h3{color:#3498db}.tool-card p{color:#666;margin-bottom:1rem}.tool-card-content{transition:transform .3s ease}.tool-card-extra{margin-top:1rem;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.tool-rating{display:flex;align-items:center;margin-bottom:1rem}.stars{color:#f39c12;margin-right:.5rem}.btn{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:4px;text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #3498db33}.btn:hover{background:linear-gradient(135deg,#2980b9,#1f618d);transform:translateY(-2px);box-shadow:0 4px 8px #3498db4d}.btn-primary{background:linear-gradient(135deg,#27ae60,#229954);box-shadow:0 2px 4px #27ae6033}.btn-primary:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 8px #27ae604d}.btn-container{display:flex;gap:.5rem;margin-top:1rem}.rating-container{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.review-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#34495e}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;outline:none;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.star-rating{display:flex;gap:.5rem}.star-rating input{display:none}.star-rating label{font-size:1.5rem;color:#ddd;cursor:pointer;transition:color .3s ease}.star-rating input:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:#f39c12}.review-item{padding:1rem;border-bottom:1px solid #eee;margin-bottom:1rem}.review-item:last-child{border-bottom:none;margin-bottom:0}.review-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.reviewer-name{font-weight:500;color:#2c3e50}.review-rating{color:#f39c12}.review-date{color:#999;font-size:.9rem}.review-content{color:#666;line-height:1.6}.news-date{color:#999;font-size:.9rem;margin-top:.5rem}.project-stats{color:#666;font-size:.9rem;margin-top:.5rem;font-weight:500}.tutorial-steps{margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:8px}.tutorial-steps h4{margin:1rem 0 .5rem;color:#2c3e50}.tutorial-steps h4:first-child{margin-top:0}.tutorial-use-cases{margin:1.5rem 0;padding:1rem;background-color:#e8f4f8;border-radius:8px}.tutorial-use-cases h4{margin-bottom:.5rem;color:#2c3e50}.tutorial-use-cases ul{list-style-position:inside;color:#666}.tutorial-use-cases li{margin-bottom:.5rem}footer{background-color:#2c3e50;color:#fff;text-align:center;padding:2rem 0;margin-top:3rem}.hero{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:4rem 0;text-align:center;margin-bottom:2rem}.hero h1{font-size:3rem;margin-bottom:1rem;color:#fff}.hero p{font-size:1.2rem;margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.search-section{background-color:#fff;padding:3rem 0;box-shadow:0 2px 10px #0000001a;margin-bottom:3rem}.search-container{max-width:800px;margin:0 auto;text-align:center}.search-container h2{margin-bottom:1.5rem;color:#2c3e50}.search-box{display:flex;max-width:600px;margin:0 auto 1.5rem;animation:searchBoxAnimation 1s ease-out}@keyframes searchBoxAnimation{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.search-input{flex:1;padding:1rem 1.5rem;font-size:1.1rem;border:2px solid #3498db;border-radius:4px 0 0 4px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#2980b9;box-shadow:0 0 0 3px #3498db1a}.search-btn{padding:1rem 2rem;background-color:#3498db;color:#fff;border:none;border-radius:0 4px 4px 0;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.search-btn:hover{background-color:#2980b9}.search-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem}.search-suggestions span{color:#666;font-weight:500}.search-suggestions a{color:#3498db;text-decoration:none;padding:.5rem 1rem;border-radius:20px;background-color:#f0f8ff;transition:all .3s ease}.search-suggestions a:hover{background-color:#e0f0ff;color:#2980b9}@media (max-width: 768px){.nav-links{display:none}.hero h1{font-size:2rem}.tool-grid{grid-template-columns:1fr}}