:root{--primary: #4f46e5;--primary-hover: #4338ca;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(148, 163, 184, .1)}.converter-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1.5rem;padding:2rem;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040}.warning-banner{background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:.75rem;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem;color:#fcd34d;font-size:.9rem;line-height:1.5}.warning-icon{font-size:1.2rem}.drop-zone{border:2px dashed var(--border);border-radius:1rem;padding:3rem 2rem;text-align:center;transition:all .2s;cursor:pointer}.drop-zone:hover{border-color:var(--primary);background:#6366f10d}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer}.icon{font-size:3rem;margin-bottom:.5rem}.upload-label span{font-weight:600;font-size:1.1rem}.upload-label small{color:var(--text-muted)}.file-info{display:flex;flex-direction:column;gap:1.5rem}.file-details{display:flex;justify-content:space-between;align-items:center;background:#0003;padding:1rem;border-radius:.75rem}.filename{font-weight:500;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:.25rem;transition:color .2s}.remove-btn:hover{color:#ef4444}.convert-btn,.download-btn{width:100%;padding:1rem;border-radius:.75rem;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.convert-btn{background:var(--primary);color:#fff}.convert-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.convert-btn:disabled{opacity:.7;cursor:not-allowed}.download-btn{background:#10b981;color:#fff;text-decoration:none;display:block;text-align:center}.download-btn:hover{background:#059669}.progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-top:1rem}.progress-fill{height:100%;background:var(--primary);transition:width .2s ease}.loading-state,.error-state{text-align:center;color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.home-container{width:100%;max-width:1000px;margin:0 auto}.hero-section{text-align:center;margin-bottom:3rem}.hero-section h2{font-size:2.5rem;margin-bottom:1rem}.hero-section p{color:var(--text-muted);font-size:1.2rem}.conversion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.conversion-card{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;text-decoration:none;color:var(--text-main);transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center}.conversion-card:hover{transform:translateY(-5px);border-color:var(--primary);background:#6366f11a}.card-icon{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:700;font-size:1.2rem}.format-tag{background:#ffffff1a;padding:.25rem .5rem;border-radius:.5rem}.format-tag.highlight{background:var(--primary);color:#fff}.arrow{color:var(--text-muted)}.conversion-card h3{margin-bottom:.5rem;font-size:1.1rem}.conversion-card p{font-size:.9rem;color:var(--text-muted)}.converter-wrapper{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.breadcrumbs{align-self:flex-start;margin-bottom:1rem;color:var(--text-muted)}.breadcrumbs a{color:var(--primary);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{margin:0 .5rem}.reset-btn{background:transparent;border:1px solid var(--border);color:var(--text-main);width:100%;padding:1rem;border-radius:.75rem;margin-top:1rem;cursor:pointer;transition:all .2s}.reset-btn:hover{background:#ffffff0d}.seo-content{margin-top:3rem;color:var(--text-muted);line-height:1.6;background:#0003;padding:2rem;border-radius:1rem;width:100%}.seo-content h3{color:var(--text-main);margin-bottom:1rem}.seo-content ol{margin-left:1.5rem;margin-bottom:1.5rem}.seo-content li{margin-bottom:.5rem}.error-state h2{color:#ef4444;margin-bottom:1rem}.app-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-layout:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 50%,rgba(99,102,241,.15) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(236,72,153,.15) 0%,transparent 25%);z-index:-1;pointer-events:none}.main-header{background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;padding:1rem 0}.header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:800;text-decoration:none;color:var(--text-main)}.main-nav{display:flex;gap:2rem}.nav-item{position:relative;cursor:pointer;padding:.5rem}.dropdown{position:absolute;top:100%;right:0;background:var(--bg-dark);border:1px solid var(--border);border-radius:.75rem;padding:.5rem;min-width:200px;display:none;flex-direction:column;box-shadow:0 10px 25px -5px #0000004d}.nav-item:hover .dropdown{display:flex}.nav-item:hover .back-link{display:inline-block;margin-top:1.5rem;color:var(--primary);text-decoration:none}.seo-content-container{width:100%;max-width:800px;margin-top:4rem;display:flex;flex-direction:column;gap:3rem}.seo-section{background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:2rem}.seo-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-main);text-align:center}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.step-card{display:flex;flex-direction:column;align-items:center;text-align:center}.step-number{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;margin-bottom:1rem}.step-card h3{margin-bottom:.5rem;font-size:1.1rem}.step-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.faq-list{display:flex;flex-direction:column;gap:1.5rem}.faq-item h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-main)}.faq-item p{color:var(--text-muted);line-height:1.6}.dropdown a{color:var(--text-muted);text-decoration:none;padding:.75rem 1rem;border-radius:.5rem;transition:all .2s}.dropdown a:hover{background:#ffffff0d;color:var(--text-main)}.static-page{width:100%;max-width:800px;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:3rem;margin-top:2rem}.static-page h1{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.static-page section{margin-bottom:2rem}.static-page h2{font-size:1.5rem;margin-bottom:1rem;color:var(--text-main)}.static-page p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.contact-method{background:#ffffff0d;padding:1.5rem;border-radius:.75rem;margin-top:1.5rem}.contact-method h3{color:var(--text-main);margin-bottom:.5rem}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem;width:100%;max-width:1200px;margin:0 auto}.main-footer{background:#0f172af2;border-top:1px solid var(--border);padding:4rem 2rem 2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-section h4{font-size:1.2rem;margin-bottom:1rem;color:var(--text-main)}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.tip-jar{margin-top:.5rem;color:#fbbf24!important;font-weight:600}.tip-jar:hover{text-decoration:underline}.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2rem}.footer-group{display:flex;flex-direction:column;gap:.5rem}.footer-group strong{color:var(--text-main);margin-bottom:.25rem;display:block}.footer-group a{color:var(--text-muted);text-decoration:none;font-size:.9rem}.footer-group a:hover{color:var(--primary)}.copyright{text-align:center;color:var(--text-muted);font-size:.9rem;padding-top:2rem;border-top:1px solid var(--border)}.ad-unit{width:100%;display:flex;justify-content:center;margin:1rem 0}.ad-placeholder{background:#ffffff05;border:1px dashed var(--border);border-radius:.5rem;width:100%;max-width:728px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.ad-container-top{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.header-content{padding:0 1rem}.main-nav{display:none}}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.stat strong{font-size:2rem;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat span{color:var(--text-muted);font-size:.9rem}.featured-section,.category-section{margin-top:4rem}.featured-section h3,.category-section h3{font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.category-icon{margin-right:.5rem}.category-desc{text-align:center;color:var(--text-muted);margin-bottom:2rem}.conversion-card-compact{padding:1rem;min-height:auto}.card-icon-compact{display:flex;align-items:center;justify-content:center;gap:.5rem}.format-tag-small{background:#ffffff0d;padding:.25rem .5rem;border-radius:.4rem;font-size:.85rem;font-weight:600}.format-tag-small.highlight{background:var(--primary);color:#fff}.arrow-small{color:var(--text-muted);font-size:.9rem}.view-all-link{display:block;text-align:center;margin-top:1.5rem;color:var(--primary);text-decoration:none;font-weight:600}.view-all-link:hover{text-decoration:underline}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0}.feature{text-align:center}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h4{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-main)}.feature p{color:var(--text-muted);line-height:1.6}.how-it-works{background:#0003;padding:1.5rem 2rem;border-radius:1rem;margin:1.5rem 0}.how-it-works li{margin-bottom:.75rem;line-height:1.6}.seo-content-home{margin-top:4rem;padding:2rem;background:#0000001a;border-radius:1rem}.seo-content-home h3{margin-top:2rem;margin-bottom:1rem;font-size:1.5rem}.seo-content-home h3:first-child{margin-top:0}.related-tools{width:100%;max-width:800px;margin:3rem 0 2rem;padding:2rem;background:#0000001a;border-radius:1rem}.related-tools h3{font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.related-tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1rem;text-decoration:none;color:var(--text-main);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s;font-size:.9rem}.related-tool-card:hover{transform:translateY(-3px);border-color:var(--primary);background:#6366f11a}@media(max-width:768px){.hero-stats{gap:1.5rem}.stat strong{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.related-tools-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}