*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#10b981;--text-color:#1f2937;--text-light:#6b7280;--bg-color:#ffffff;--bg-light:#f9fafb;--border-color:#e5e7eb;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--max-width:1200px;--border-radius:8px;--shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--dark-navy:#010330;--dark-purple:#6e40c9;--light-purple:#8b5cf6}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{background-color:var(--bg-color);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.navbar{display:flex;justify-content:space-between;align-items:center}.navbar-brand .logo{text-decoration:none;color:var(--primary-color);display:flex;align-items:center}.navbar-brand .header-logo{height:70px;width:auto;object-fit:contain}.navbar-toggle{display:none;flex-direction:column;background:0 0;border:none;cursor:pointer;padding:.5rem}.navbar-toggle span{width:25px;height:3px;background-color:var(--text-color);margin:3px 0;transition:.3s}.navbar-menu{display:flex;list-style:none;gap:2rem;align-items:center}.navbar-menu a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .3s}.navbar-menu a.active,.navbar-menu a:hover{color:var(--primary-color)}.navbar-menu .dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dropdown-arrow{font-size:.75rem;transition:transform .3s ease}.dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);list-style:none;min-width:280px;margin-top:.5rem;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}.dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{display:block;padding:.75rem 1.5rem;color:var(--text-color);text-decoration:none;transition:background-color .2s ease;font-weight:400}.dropdown-menu a:hover{background-color:var(--bg-light);color:var(--primary-color)}.dropdown-header{padding:.5rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-top:.5rem}.dropdown-header:first-child{margin-top:0}.dropdown-divider{height:1px;background-color:var(--border-color);margin:.5rem 0;padding:0}.breadcrumbs{background-color:var(--bg-light);padding:1rem 0;border-bottom:1px solid var(--border-color)}.breadcrumbs ol{display:flex;list-style:none;gap:.5rem;flex-wrap:wrap}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs li:not(:last-child)::after{content:'/';margin-left:.5rem;color:var(--text-light)}.breadcrumbs a{color:var(--primary-color);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{color:var(--text-light)}.hero-section{background:#010330;color:#fff;padding:4rem 0;text-align:left}.hero-content{max-width:1000px;margin:0 auto;text-align:left}.hero-content h1{font-size:1.875rem;margin-bottom:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;text-align:left}.hero-description{font-size:.9375rem;opacity:.95;max-width:900px;margin:0 0 3rem 0;line-height:1.6;text-align:left;color:rgba(255,255,255,.95)}.hero-form-wrapper{max-width:1000px;margin:0 auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:2.5rem;color:#fff;text-align:left;backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease}.hero-form-wrapper:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.4)}.hero-form-wrapper .form-group label{color:rgba(255,255,255,.95);font-weight:600;font-size:1rem;margin-bottom:.75rem;display:block}.hero-form-wrapper .form-group input:not(.url-input-large),.hero-form-wrapper .form-group select{background-color:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.hero-form-wrapper .form-group select option{background-color:#1f2937;color:#fff;padding:.5rem}.hero-form-wrapper .form-group input::placeholder{color:rgba(255,255,255,.65)}.hero-form-wrapper .form-group input:focus,.hero-form-wrapper .form-group select:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.hero-form-wrapper .form-group small{color:rgba(255,255,255,.85)}.char-count{font-size:.75rem;font-weight:400;color:rgba(255,255,255,.85);margin-left:.25rem}.form-group label .char-count{opacity:1}.hero-form-wrapper #result-section{margin-top:1.5rem;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);padding:1.5rem;color:#fff}.hero-form-wrapper #result-section h3{color:#fff}.hero-form-wrapper #status-message.success{background-color:rgba(35,134,54,.2);color:#4ade80;border:1px solid rgba(35,134,54,.3)}.hero-form-wrapper #status-message.error{background-color:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.hero-form-wrapper #status-message.info{background-color:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.page-header{background-color:var(--bg-light);padding:3rem 0;text-align:center;border-bottom:1px solid var(--border-color)}.page-header h1{font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:var(--text-light);font-size:1.125rem}.pdf-tool-section{padding:3rem 0}.pdf-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}.advanced-options .form-group{margin-bottom:1.25rem}.advanced-options .form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;color:var(--text-color)}.form-group .required{color:var(--error-color)}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .3s}.form-group select option{background-color:#1f2937;color:#fff;padding:.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.form-group small{color:var(--text-light);font-size:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.margin-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:280px}.margin-inputs input{max-width:100%;padding:.5rem;font-size:.875rem;width:100%}.hero-form-wrapper .margin-inputs input{background-color:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.hero-form-wrapper .margin-inputs input:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);color:#fff}.hero-form-wrapper .margin-inputs input::placeholder{color:rgba(255,255,255,.5)}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.advanced-options{margin-top:0;padding-top:0;border-top:none;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-out,opacity .3s ease-out,padding-top .3s ease-out,margin-top .3s ease-out,border-top .3s ease-out}.advanced-options.show{max-height:2000px;margin-top:2rem;padding-top:2rem;border-top:2px solid rgba(255,255,255,.1);opacity:1}.hero-form-wrapper .advanced-options.show{border-top-color:rgba(255,255,255,.1)}.advanced-options .form-group{margin-bottom:1.25rem}.advanced-options .form-group:last-child{margin-bottom:0}.advanced-options .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.advanced-options .form-row:last-child{margin-bottom:0}.advanced-options .checkbox-row .checkbox-group{margin-bottom:0}.checkbox-group-wrapper{display:flex;flex-direction:column}.advanced-options .color-layer-options,.advanced-options .header-footer-options,.advanced-options .watermark-options{margin-top:1rem;padding:1rem;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);width:100%}.advanced-options .form-row{margin-bottom:1.25rem}.advanced-options .form-row:last-child{margin-bottom:0}.color-layer-options,.header-footer-options,.watermark-options{padding:1rem;background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius);margin-top:.5rem}.hero-form-wrapper .color-layer-options,.hero-form-wrapper .header-footer-options,.hero-form-wrapper .watermark-options{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.hero-form-wrapper .color-layer-options label,.hero-form-wrapper .header-footer-options label,.hero-form-wrapper .watermark-options label{color:rgba(255,255,255,.95)}.hero-form-wrapper .color-layer-options input,.hero-form-wrapper .color-layer-options select,.hero-form-wrapper .header-footer-options input,.hero-form-wrapper .header-footer-options select,.hero-form-wrapper .watermark-options input,.hero-form-wrapper .watermark-options select{background-color:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.hero-form-wrapper .color-layer-options select option,.hero-form-wrapper .header-footer-options select option,.hero-form-wrapper .watermark-options select option{background-color:#1f2937;color:#fff;padding:.5rem}.hero-form-wrapper .color-layer-options input:focus,.hero-form-wrapper .color-layer-options select:focus,.hero-form-wrapper .header-footer-options input:focus,.hero-form-wrapper .header-footer-options select:focus,.hero-form-wrapper .watermark-options input:focus,.hero-form-wrapper .watermark-options select:focus{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);color:#fff}.hero-form-wrapper .color-layer-options input::placeholder,.hero-form-wrapper .header-footer-options input::placeholder,.hero-form-wrapper .watermark-options input::placeholder{color:rgba(255,255,255,.65)}.url-input-group{margin-bottom:1.5rem}.url-input-wrapper{position:relative;display:flex;gap:.75rem;align-items:stretch}.url-input-large{flex:1;padding:1rem 1.25rem!important;font-size:1.125rem!important;height:60px!important;border-radius:12px!important;border:2px solid rgba(255,255,255,.2)!important;background-color:rgba(255,255,255,.1)!important;color:#fff!important;transition:all .3s ease!important}.url-input-large::placeholder{color:rgba(255,255,255,.6)!important}.url-input-large:focus{border-color:rgba(255,255,255,.5)!important;background-color:rgba(255,255,255,.15)!important;box-shadow:0 0 0 4px rgba(255,255,255,.1)!important;outline:0!important;color:#fff!important}.url-input-large.url-valid{border-color:rgba(74,222,128,.5)!important;background-color:rgba(74,222,128,.1)!important}.url-input-large.url-invalid{border-color:rgba(239,68,68,.5)!important;background-color:rgba(239,68,68,.1)!important}.btn-example-url{padding:.75rem 1.25rem;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:rgba(255,255,255,.9);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;height:60px}.btn-example-url:hover{background-color:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);color:#fff}.example-urls{display:block;margin-top:.5rem;color:rgba(255,255,255,.7);font-size:.875rem}.example-link{color:rgba(255,255,255,.9);text-decoration:underline;cursor:pointer;transition:color .3s;margin:0 .25rem}.example-link:hover{color:#fff;text-decoration:none}.form-actions{display:flex;gap:1rem;align-items:stretch;margin-top:0;margin-bottom:0}.form-actions .btn{flex:1;min-height:60px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-convert{flex:2!important;font-size:1.125rem!important;font-weight:700!important;padding:1rem 2rem!important;background:linear-gradient(135deg,#238636 0,#2ea043 100%)!important;box-shadow:0 4px 12px rgba(35,134,54,.3)!important}.btn-convert:hover{background:linear-gradient(135deg,#2ea043 0,#238636 100%)!important;box-shadow:0 6px 16px rgba(35,134,54,.4)!important;transform:translateY(-2px)}.btn-options{flex:1!important;font-size:1rem!important}.btn-icon{font-size:1.25rem;display:inline-block}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin .8s linear infinite}@media(min-width:769px){.pdf-form .form-actions{flex-direction:row}.btn-options{order:1}.btn-convert{order:2}}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s}.btn-primary{background-color:#238636;color:#fff;border:none}.btn-primary:hover{background-color:#2ea043}.btn-secondary{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.3);transition:all .3s ease}.btn-secondary:hover{background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}.btn-secondary .options-icon{margin-left:.5rem;font-size:1rem;transition:transform .3s}.btn-secondary:hover .options-icon{transform:rotate(90deg)}.btn-secondary .options-icon{margin-left:.5rem;font-size:.875rem;transition:transform .3s}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#059669}.btn-large{padding:1rem 2rem;font-size:1.125rem;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.result-section{margin-top:2rem;padding:1.5rem;background-color:var(--bg-light);border-radius:var(--border-radius)}.result-content h3{margin-bottom:1rem}#status-message{padding:1rem;border-radius:var(--border-radius);margin-bottom:1rem}#status-message.success{background-color:#d1fae5;color:#065f46}#status-message.error{background-color:#fee2e2;color:#991b1b}#status-message.info{background-color:#dbeafe;color:#1e40af}#download-section{text-align:center;margin-top:1.5rem}.download-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.download-actions .btn{min-width:150px}.conversion-loader{display:flex;align-items:center;gap:1rem;justify-content:center}.conversion-loader .spinner{border:3px solid rgba(255,255,255,.3);border-top:3px solid #fff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;flex-shrink:0}.conversion-loader span{font-size:1rem}#status-message.success p{margin-top:.5rem;opacity:.9}.features-section{padding:4rem 0;background-color:#010330}.features-section h2{text-align:center;margin-bottom:3rem;font-size:2rem;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:#fff;border:1px solid rgba(255,255,255,.2);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);text-align:center;transition:transform .3s,box-shadow .3s,border-color .3s;color:var(--text-color)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2);border-color:rgba(255,255,255,.4)}.feature-card h3{color:var(--text-color)}.feature-card p{color:var(--text-light)}.feature-icon{font-size:3rem;margin-bottom:1rem}.how-it-works-section{padding:4rem 0;background-color:#010330}.how-it-works-section h2{text-align:center;margin-bottom:3rem;font-size:2rem;color:#fff}.how-it-works-section .step h3{color:#fff}.how-it-works-section .step p{color:rgba(255,255,255,.7)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:900px;margin:0 auto}.step{text-align:center}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--dark-purple)0%,var(--light-purple)100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 12px rgba(110,64,201,.3)}.step h3{margin-bottom:.5rem}.step p{color:var(--text-light)}.steps-guide-section{padding:4rem 0;background-color:var(--bg-light)}.steps-guide-section h2{text-align:center;margin-bottom:3rem;font-size:2rem;color:var(--text-color)}.steps-guide{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.guide-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background-color:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}.guide-step:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.guide-step-number{flex-shrink:0;width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-hover)100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 4px 12px rgba(37,99,235,.3);margin-bottom:1rem}.guide-step-content{flex:1;width:100%}.guide-step-content h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-color)}.guide-step-content p{color:var(--text-light);line-height:1.7;font-size:1rem}.benefits-section{padding:5rem 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.benefits-section h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;color:var(--text-color);font-weight:700}.section-subtitle{text-align:center;color:var(--text-light);font-size:1.125rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.benefits-grid{display:flex;flex-direction:column;gap:1.5rem;max-width:1000px;margin:0 auto}.benefit-card{padding:2.5rem 3rem;background:#fff;border-radius:16px;text-align:left;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;display:flex;align-items:center;gap:2rem}.benefit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .3s ease}.benefit-card:hover::before{transform:scaleX(1)}.benefit-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:var(--primary-color)}.benefit-icon{font-size:3.5rem;display:inline-block;transform:scale(1);transition:transform .3s ease;flex-shrink:0}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}.benefit-card-content{flex:1}.benefit-card h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-color);font-weight:600}.benefit-card p{color:var(--text-light);line-height:1.7;font-size:1rem;margin:0}.more-about-section{padding:5rem 0;background-color:#fff}.more-about-section h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;color:var(--text-color);font-weight:700}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.about-item{padding:2.5rem;background:linear-gradient(135deg,#fff 0,#f8fafc 100%);border-radius:12px;border-left:4px solid var(--primary-color);box-shadow:0 4px 6px rgba(0,0,0,.05);transition:all .3s ease;position:relative}.about-item::after{content:'';position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(16,185,129,.1));border-radius:0 12px 0 100%;opacity:0;transition:opacity .3s ease}.about-item:hover::after{opacity:1}.about-item:hover{transform:translateX(8px);box-shadow:0 12px 24px rgba(0,0,0,.1);border-left-color:var(--secondary-color)}.about-icon{font-size:2.75rem;margin-bottom:1.25rem;display:inline-block;transition:transform .3s ease}.about-item:hover .about-icon{transform:scale(1.15)}.about-item h3{font-size:1.375rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.about-item p{color:var(--text-light);line-height:1.7;font-size:1rem}.browsers-section{padding:5rem 0;background:linear-gradient(180deg,#fff 0,#f1f5f9 100%)}.browsers-section h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;color:var(--text-color);font-weight:700}.browsers-description{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.125rem}.browsers-grid{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;flex-wrap:wrap}.browser-item{padding:2rem 1.5rem;background:#fff;border-radius:16px;text-align:center;transition:all .3s ease;border:2px solid #e2e8f0;position:relative}.browser-item::before{content:'';position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.browser-item:hover::before{opacity:1}.browser-item:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 32px rgba(0,0,0,.1);border-color:transparent}.browser-icon{font-size:3.5rem;margin-bottom:1rem;display:inline-block;transition:transform .3s ease}.browser-item:hover .browser-icon{transform:scale(1.2) rotate(10deg)}.browser-item h3{font-size:1.125rem;color:var(--text-color);margin:0 0 .5rem 0;font-weight:600}.browser-item p{font-size:.875rem;color:var(--text-light);margin:0}.faq-section{padding:5rem 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.faq-section h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;color:var(--text-color);font-weight:700}.faq-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.faq-item{padding:2.5rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}.faq-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));transform:scaleY(0);transition:transform .3s ease}.faq-item:hover::before{transform:scaleY(1)}.faq-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateX(4px);border-color:var(--primary-color)}.faq-question{font-size:1.375rem;margin-bottom:1rem;color:var(--text-color);font-weight:600;position:relative;padding-left:1.5rem}.faq-question::before{content:'❓';position:absolute;left:0;font-size:1.25rem}.faq-answer{color:var(--text-light);line-height:1.8;margin:0;padding-left:1.5rem}.blog-section{padding:3rem 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.blog-card{background:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.blog-card-image{width:100%;height:200px;overflow:hidden;background-color:var(--bg-light)}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:1.5rem}.blog-meta{display:flex;gap:1rem;font-size:.875rem;color:var(--text-light);margin-bottom:.5rem}.blog-card h2{font-size:1.25rem;margin-bottom:.5rem}.blog-card h2 a{color:var(--text-color);text-decoration:none}.blog-card h2 a:hover{color:var(--primary-color)}.blog-card p{color:var(--text-light);margin-bottom:1rem}.read-more{color:var(--primary-color);text-decoration:none;font-weight:600}.read-more:hover{text-decoration:underline}.content-section{padding:3rem 0}.content-section h2{font-size:1.75rem;margin-top:2.5rem;margin-bottom:1.5rem;color:var(--text-color);font-weight:700;line-height:1.3}.content-section h2:first-child{margin-top:0}.content-section p{margin-bottom:1.5rem;line-height:1.8;color:var(--text-color)}.content-section ol,.content-section ul{margin-top:1rem;margin-bottom:2rem;margin-left:2rem;padding-left:1rem;line-height:1.8}.content-section ol li,.content-section ul li{margin-bottom:.75rem;color:var(--text-color)}.content-section ol li strong,.content-section ul li strong{color:var(--text-color);font-weight:600}.about-content,.legal-content{max-width:900px;margin:0 auto;line-height:1.8}.content-intro{font-size:1.125rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.about-content section,.legal-content section{margin-bottom:2.5rem}.about-content h2,.legal-content h2{font-size:1.75rem;margin-bottom:1rem;color:var(--primary-color)}.about-content h3,.legal-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem}.about-content ul,.legal-content ul{margin-left:2rem;margin-bottom:1rem}.about-content li,.legal-content li{margin-bottom:.5rem}.about-content a,.legal-content a{color:var(--primary-color);text-decoration:none}.about-content a:hover,.legal-content a:hover{text-decoration:underline}.contact-wrapper{max-width:800px;margin:0 auto}.contact-info h2{margin-bottom:1rem}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.contact-method{padding:1.5rem;background-color:var(--bg-light);border-radius:var(--border-radius)}.contact-method h3{margin-bottom:.5rem;font-size:1.125rem}.contact-method p{margin-bottom:.5rem;color:var(--text-light)}.contact-method a{color:var(--primary-color);text-decoration:none;font-weight:600}.contact-method a:hover{text-decoration:underline}.contact-form-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.contact-form{max-width:600px}.contact-form .form-group{margin-bottom:1.5rem}.contact-form textarea{resize:vertical;min-height:120px}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:1.5rem}.value-item{padding:1.5rem;background-color:var(--bg-light);border-radius:var(--border-radius)}.value-item h3{margin-bottom:.75rem;color:var(--primary-color)}.cookie-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:var(--bg-color);box-shadow:var(--shadow)}.cookie-table td,.cookie-table th{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.cookie-table th{background-color:var(--bg-light);font-weight:600;color:var(--text-color)}.cookie-table tr:hover{background-color:var(--bg-light)}.blog-post{padding:3rem 0}.blog-post-header{margin-bottom:2rem}.blog-post-header h1{font-size:2.5rem;margin-bottom:1rem}.blog-post-image{margin:2rem 0;border-radius:var(--border-radius);overflow:hidden}.blog-post-image img{width:100%;height:auto;display:block}.blog-post-content{font-size:1.125rem;line-height:1.8;max-width:800px;margin:0 auto}.blog-post-content h2{margin-top:2rem;margin-bottom:1rem;font-size:1.75rem}.blog-post-content h3{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.5rem}.blog-post-content p{margin-bottom:1rem}.blog-post-content ol,.blog-post-content ul{margin-left:2rem;margin-bottom:1rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{padding:.25rem .75rem;background-color:var(--bg-light);border-radius:20px;font-size:.875rem;color:var(--text-color)}.site-footer{background-color:var(--text-color);color:#fff;padding:3rem 0 1rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-logo{height:50px;width:auto;object-fit:contain;margin-bottom:1rem;display:block}.footer-section h3,.footer-section h4{margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section a{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.6)}.error-section{padding:4rem 0;text-align:center}.error-content h1{font-size:6rem;color:var(--primary-color);margin-bottom:1rem}.error-content h2{font-size:2rem;margin-bottom:1rem}.error-content p{color:var(--text-light);margin-bottom:2rem}@media(max-width:768px){.navbar-toggle{display:flex}.navbar-brand .header-logo{height:36px}.navbar-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--bg-color);flex-direction:column;padding:1rem;box-shadow:var(--shadow-lg);display:none}.navbar-menu.active{display:flex}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;padding:0;margin:0;min-width:auto;display:none}.dropdown.active .dropdown-menu{display:block;margin-top:.5rem;padding-left:1rem}.dropdown-menu a{padding:.5rem 1rem}.dropdown-header{padding:.5rem 1rem;margin-top:.75rem}.dropdown-divider{margin:.5rem 0}.footer-logo{height:40px}.hero-content h1{font-size:1.75rem}.hero-description{font-size:.9375rem}.form-row{grid-template-columns:1fr}.margin-inputs{grid-template-columns:repeat(2,1fr)}.url-input-group{margin-bottom:1rem}.advanced-options.show{margin-top:1rem;padding-top:1rem}.advanced-options .form-row{grid-template-columns:1fr}.advanced-options .form-group{margin-bottom:0}.form-actions{flex-direction:column;margin-top:0;margin-bottom:0;gap:.75rem}.form-actions .btn{width:100%;min-height:56px}.url-input-wrapper{flex-direction:column;gap:.75rem}.btn-example-url{width:100%;height:48px}.url-input-large{font-size:1rem!important;height:56px!important}.btn-options{order:1}.btn-convert{order:2}.features-grid,.steps{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.hero-form-wrapper{padding:1.5rem;border-radius:12px}.hero-form-wrapper:hover{transform:none}.url-input-large{font-size:1rem!important;padding:.875rem 1rem!important}.btn-convert{font-size:1rem!important;padding:.875rem 1.5rem!important}.btn-options{font-size:.9375rem!important}.hero-content h1{font-size:1.75rem}.hero-description{font-size:.9375rem}.steps-guide{grid-template-columns:repeat(2,1fr);gap:1rem}.guide-step{padding:1.5rem 1rem}.guide-step-number{width:60px;height:60px;font-size:.875rem}.guide-step-content h3{font-size:1.25rem}.guide-step-content p{font-size:.9rem}.steps-guide-section h2{font-size:1.75rem}.benefit-card{flex-direction:column;text-align:center;padding:2rem 1.5rem}.benefit-icon{margin-bottom:1rem}.about-grid{grid-template-columns:1fr}.browsers-grid{gap:1.5rem}.browser-item{flex:0 0 calc(50% - 0.75rem);max-width:calc(50% - .75rem)}.faq-item{padding:1.5rem}.faq-question{font-size:1.125rem}}@media(max-width:480px){.container{padding:0 15px}.navbar-brand .header-logo{height:32px}.footer-logo{height:35px}.hero-content h1{font-size:1.5rem}.page-header h1{font-size:2rem}.blog-post-header h1{font-size:2rem}.steps-guide{grid-template-columns:1fr}.browser-item{flex:0 0 100%;max-width:100%}}.loading{opacity:.6;pointer-events:none}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;display:inline-block;margin-right:.5rem}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.hero-form-wrapper #status-message.success{background-color:rgba(35,134,54,.2);color:#4ade80;border:1px solid rgba(35,134,54,.3)}.hero-form-wrapper #status-message.error{background-color:rgba(239,68,68,.2);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.hero-form-wrapper #status-message.info{background-color:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.hero-form-wrapper .conversion-loader .spinner{border-color:rgba(255,255,255,.3);border-top-color:#fff}.ad-section{padding:2rem 0;margin:2rem 0;background-color:transparent;text-align:center}.ad-section .container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.ad-section+section{margin-top:0}section+.ad-section{margin-top:2rem}.adsbygoogle{display:block;margin:0 auto;min-height:100px}@media(max-width:768px){.ad-section{padding:1.5rem 0;margin:1.5rem 0}}.error-section{padding:4rem 0;min-height:60vh;display:flex;align-items:center}.error-content{text-align:center;margin-bottom:4rem}.error-icon{font-size:8rem;font-weight:900;background:linear-gradient(135deg,var(--primary-color),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem;font-family:Arial,sans-serif}.error-content h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}.error-description{font-size:1.125rem;color:rgba(255,255,255,.8);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.error-content .btn{margin-top:1rem}.tools-section{margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.1)}.tools-section h2{text-align:center;font-size:2rem;margin-bottom:.5rem;color:var(--text-color)}.tools-section .section-subtitle{text-align:center;color:rgba(255,255,255,.7);margin-bottom:2.5rem;font-size:1rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2rem}.tool-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease;text-decoration:none;color:inherit;display:block;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tool-card:hover{background:rgba(255,255,255,.08);border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 8px 24px rgba(37,99,235,.2)}.tool-icon{font-size:3rem;margin-bottom:1rem;display:block}.tool-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-color);font-weight:600}.tool-card p{color:rgba(255,255,255,.7);font-size:.9rem;margin:0;line-height:1.5}@media(max-width:1024px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.error-icon{font-size:6rem}.error-content h1{font-size:2rem}.error-description{font-size:1rem}.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-card{padding:1.5rem}.tools-section{margin-top:3rem;padding-top:3rem}.tools-section h2{font-size:1.75rem}}@media(max-width:480px){.error-section{padding:2rem 0}.error-icon{font-size:5rem}.error-content h1{font-size:1.75rem}.tool-icon{font-size:2.5rem}}select#format,select[name=format]{color-scheme:dark}select#format option,select[name=format] option{background-color:#1f2937!important;color:#fff!important;padding:.5rem}select#format optgroup,select[name=format] optgroup{background-color:#1f2937!important;color:#fff!important;font-weight:600}select#format option:hover,select[name=format] option:hover{background-color:#374151!important;color:#fff!important}select#format option:checked,select[name=format] option:checked{background-color:#2563eb!important;color:#fff!important}.hero-form-wrapper select#format,.hero-form-wrapper select[name=format]{color-scheme:dark}.hero-form-wrapper select#format option,.hero-form-wrapper select[name=format] option{background-color:#1f2937!important;color:#fff!important;padding:.5rem}.hero-form-wrapper select#format optgroup,.hero-form-wrapper select[name=format] optgroup{background-color:#1f2937!important;color:#fff!important;font-weight:600}