*{box-sizing:border-box;margin:0;padding:0}body{color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#fffffff2;border-bottom:1px solid #ffffff2e;position:sticky;top:0;box-shadow:0 8px 32px #1f26875e}nav{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;text-decoration:none}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{color:#4a5568;border-radius:8px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#667eea;background:#667eea1a}.menu-toggle{color:#4a5568;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;font-size:1.5rem;transition:all .3s;display:none}.menu-toggle:hover{color:#667eea;background:#667eea1a}.hero{text-align:center;color:#fff;padding:4rem 0}.hero h1{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.hero p{opacity:.9;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.3rem}.cta-button{color:#fff;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 30px #4facfe66}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #4facfe99}.tools-section{background:#fff;margin-top:2rem;padding:5rem 0}.section-title{text-align:center;color:#2d3748;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{text-align:center;color:#718096;max-width:600px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem;display:grid}.tool-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:2rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 20px 40px #667eea4d}.tool-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#ffffff0d);transition:opacity .3s;position:absolute;inset:0}.tool-card:hover:before{opacity:1}.tool-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 30px 60px #667eea80}.tool-icon{background:#fff3;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:1.8rem;display:flex}.tool-card h3{z-index:2;margin-bottom:1rem;font-size:1.5rem;font-weight:700;position:relative}.tool-card p{opacity:.9;z-index:2;line-height:1.6;position:relative}.tool-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#fff3;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:600;position:absolute;top:1rem;right:1rem}.features{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:5rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.feature-item{text-align:center;background:#fff;border-radius:15px;padding:2rem;transition:transform .3s;box-shadow:0 10px 30px #0000001a}.feature-item:hover{transform:translateY(-5px)}.feature-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 1rem;font-size:1.3rem;display:flex}footer{color:#fff;background:#2d3748;padding:3rem 0 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-section h3{color:#e2e8f0;margin-bottom:1rem;font-size:1.2rem}.footer-section p,.footer-section a{color:#a0aec0;margin-bottom:.5rem;text-decoration:none;display:block}.footer-section a:hover{color:#667eea}.footer-bottom{text-align:center;color:#a0aec0;border-top:1px solid #4a5568;padding-top:2rem}@media (max-width:768px){.hero h1{font-size:2.5rem}.menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #ffffff2e;flex-direction:column;gap:0;padding:1rem 0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #1f26875e}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links a{text-align:left;border-radius:0;width:100%;padding:1rem 2rem;display:block}.nav-links a:hover{background:#667eea1a}nav{position:relative}.tools-grid{grid-template-columns:1fr}.section-title{font-size:2rem}}.ad-container{text-align:center;color:#6c757d;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;justify-content:center;align-items:center;min-height:100px;margin:2rem 0;font-size:.9rem;display:flex}.modal{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;background-color:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.modal.active{opacity:1;justify-content:center;align-items:center;display:flex}.modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;max-width:800px;max-height:80vh;margin:2rem;padding:2rem;transition:transform .3s;position:relative;overflow-y:auto;transform:translateY(30px);box-shadow:0 25px 50px #00000040}.modal.active .modal-content{transform:translateY(0)}.modal-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.modal-title{color:#2d3748;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.modal-close{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:.5rem;font-size:1.5rem;transition:all .3s;display:flex}.modal-close:hover{color:#667eea;background:#f7fafc}.modal-body{color:#4a5568;line-height:1.6}.modal-body h3{color:#2d3748;margin:1.5rem 0 1rem;font-size:1.2rem;font-weight:600}.modal-body p{margin-bottom:1rem}.modal-body ul{margin-bottom:1rem;margin-left:1.5rem}.modal-body li{margin-bottom:.5rem}.modal-body strong{color:#2d3748;font-weight:600}@media (max-width:768px){.modal-content{max-height:90vh;margin:1rem;padding:1.5rem}.modal-title{font-size:1.5rem}}