*{box-sizing:border-box;margin:0;padding:0}html,body{color:#333;background-color:#f9f9f9;font-family:Inter,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:90%;max-width:1200px;margin:0 auto}.header{background-color:#fff;border-bottom:1px solid #eee;padding:1.5rem 0}.header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:#333;font-size:1.5rem;font-weight:700}.header nav a{color:#555;margin-left:2rem;font-weight:500;transition:color .3s}.header nav a:hover{color:#667eea}.hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:50px;border-bottom-left-radius:50px;padding:8rem 2rem}.hero h2{margin-bottom:1rem;font-size:2.5rem}.hero p{opacity:.9;max-width:600px;margin:0 auto 2rem;font-size:1.1rem}.btn-primary{color:#667eea;background-color:#fff;border-radius:30px;padding:.8rem 2rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary:hover{background-color:#f2f2f2}.features{padding:6rem 0}.features h3{text-align:center;color:#333;margin-bottom:3rem;font-size:2rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;display:grid}.feature-card{text-align:center;color:#555;background-color:#fff;border-radius:10px;padding:2rem 1.5rem;font-weight:500;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 10px rgba(0,0,0,.05)}.feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.cta{color:#fff;text-align:center;background-color:#333;border-radius:20px;max-width:800px;margin:5rem auto;padding:5rem 2rem}.cta h3{margin-bottom:1rem;font-size:2rem}.cta p{max-width:500px;margin:0 auto 2rem}.btn-secondary{color:#fff;background-color:#667eea;border-radius:30px;padding:.8rem 2rem;font-weight:600;transition:all .3s;display:inline-block}.btn-secondary:hover{background-color:#5565d0}.footer{text-align:center;color:#777;background-color:#fff;border-top:1px solid #eee;padding:2rem 0;font-size:.9rem}.footer a{color:#667eea;margin:0 .5rem;font-weight:500}.footer a:hover{text-decoration:underline}.not-found-page{text-align:center;padding:6rem 2rem}.not-found-page h1{margin-bottom:1rem;font-size:3rem}.not-found-page p{margin-bottom:2rem;font-size:1.2rem}.not-found-page .btn-primary{padding:.75rem 2rem;font-size:1rem;text-decoration:none}.tools-section{text-align:center;background-color:#fafafa;padding:4rem 1rem}.tools-section h2{color:#333;margin-bottom:2rem;font-size:2rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;max-width:960px;margin:0 auto;display:grid}.tool-link{color:#333;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block;box-shadow:0 1px 3px rgba(0,0,0,.05)}.tool-link:hover{color:#000;background-color:#f0f0f0;border-color:#ccc;transform:translateY(-2px);box-shadow:0 3px 6px rgba(0,0,0,.08)}.footer-links h4{margin-bottom:1rem;font-weight:600}.footer-links ul{padding:0;list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#555;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#667eea}.footer-container{background-color:#fff;border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:2rem;display:flex}.footer-column{flex:1;min-width:200px;padding:1rem}.footer-center{text-align:center;max-width:400px;margin:0 auto}.footer-column h4{color:#333;margin-bottom:1rem;font-size:1.1rem}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column li{margin-bottom:.5rem}.footer-column a{color:#667eea;text-decoration:none}.footer-column a:hover{text-decoration:underline}.about-section,.faq-section{background-color:#f9f9f9;padding:60px 20px}.about-section h2,.faq-section h2{text-align:center;margin-bottom:20px;font-size:28px}.about-section p{text-align:center;max-width:800px;margin:0 auto;line-height:1.6}.faq-item{max-width:700px;margin:20px auto}.faq-item h4{margin-bottom:10px;font-size:18px}.faq-item p{color:#555;font-size:16px}
