.logo,nav ul{display:flex}.logo,.mobile-toggle,body,nav a{color:var(--light)}.btn,.drop-area,.drop-area h3,.drop-area i,.drop-area p{transition:.3s}.card-image,.drop-area,nav a{position:relative}.btn,.drop-area,.faq-question,.mobile-toggle{cursor:pointer}.card-image,.card-info h4,.drop-area,.faq-answer,.faq-item,.result-card{overflow:hidden}.footer-column ul,nav ul{list-style:none}#about header,.converter-header,.copyright,.drop-area,.feature-card,.hero,.section-header,.step{text-align:center}#about aside a,.btn,.footer-column a,.fullprovecontent a,.logo,nav a{text-decoration:none}:root{--primary:#4361ee;--primary-dark:#3a56d4;--secondary:#7209b7;--accent:#f72585;--success:#4cc9f0;--dark:#1a1a2e;--darker:#0d0d1a;--light:#f8f9fa;--gray:#6c757d;--border:#2d3047;--card-bg:#16213e;--muted:#aab0cf;--brand:#6a8dff;--danger:#ff6b6b}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}body{background:linear-gradient(135deg,var(--darker) 0,var(--dark) 100%);line-height:1.6;overflow-x:hidden}#about>div,.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}header{background:rgba(13,13,26,.95);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{align-items:center;gap:10px;font-size:1.5rem;font-weight:700}.logo i{color:var(--primary)}nav ul{gap:30px}nav a{font-weight:500;transition:color .3s}.footer-column a:hover,nav a:hover{color:var(--success)}nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--success);transition:width .3s}nav a:hover::after{width:100%}.mobile-toggle{display:none;background:0 0;border:none;font-size:1.5rem}.hero{padding:100px 0 80px;background:radial-gradient(circle at top right,rgba(67,97,238,.15),transparent 50%),radial-gradient(circle at bottom left,rgba(114,9,183,.15),transparent 50%)}.hero h1{font-size:3.5rem;margin-bottom:20px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:1.2rem;max-width:700px;margin:0 auto 40px;color:#b8b8d1}.converter-section{background:var(--card-bg);border-radius:20px;padding:40px;margin:40px auto;box-shadow:0 10px 30px rgba(0,0,0,.3);border:1px solid var(--border)}.converter-header{margin-bottom:30px}.converter-header h2{font-size:2.2rem;margin-bottom:10px}.converter-header p{color:#b8b8d1;font-size:1.1rem}.converter-controls{display:flex;gap:20px;margin-bottom:30px;flex-wrap:wrap}.control-group{flex:1;min-width:250px}.control-group label{display:block;margin-bottom:8px;font-weight:500}.control-group input[type=range]{width:100%;height:8px;border-radius:4px;background:#2d3047;outline:0;-webkit-appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer}.drop-area{border:2px dashed var(--border);border-radius:15px;padding:40px 20px;background:rgba(22,33,62,.5);margin-bottom:30px}.drop-area.active{border-color:var(--success);background:rgba(76,201,240,.1)}.drop-area.collapsed{padding:15px 20px;margin-bottom:10px}.drop-area.collapsed .drop-content{display:flex;align-items:center;justify-content:center;gap:15px}.drop-area.collapsed i{font-size:1.5rem;margin-bottom:0}.drop-area.collapsed h3{font-size:1.1rem;margin-bottom:0}.drop-area.collapsed p{display:none}.drop-area i{font-size:3rem;color:var(--primary);margin-bottom:15px}.drop-area h3{font-size:1.5rem;margin-bottom:10px}.drop-area p{color:#b8b8d1;margin-bottom:20px}.card-info h4,.footer-column ul li{margin-bottom:10px}.btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 24px;border-radius:50px;border:none;font-weight:600;font-size:1rem}.faq-question i,.feature-card,.result-card{transition:transform .3s}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 15px rgba(67,97,238,.4)}.btn-secondary{background:0 0;border:2px solid var(--primary)}#about,.copyright,footer{border-top:1px solid var(--border)}.btn-secondary:hover{background:rgba(67,97,238,.1)}.btn-success{background:var(--success)}.btn-success:hover{background:#3ab0d6;box-shadow:0 5px 15px rgba(76,201,240,.4)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#e0166f;box-shadow:0 5px 15px rgba(247,37,133,.4)}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:30px}.result-card{background:rgba(13,13,26,.7);border-radius:15px;border:1px solid var(--border)}.card-image,footer{background:var(--darker)}.result-card:hover{transform:translateY(-5px)}.card-image{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.pct,.progress{position:absolute}.card-image canvas,.card-image img{max-width:100%;max-height:100%;object-fit:contain}.card-info{padding:15px}.card-info h4{white-space:nowrap;text-overflow:ellipsis}.file-stats{display:flex;justify-content:space-between;font-size:.9rem;color:#b8b8d1;margin-bottom:15px}.pct,.percent-chip{font-size:11px;color:#cfe1ff}.card-actions{display:flex;gap:10px}.card-actions .btn{flex:1;padding:8px 12px;font-size:.9rem;text-align:center}.action-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.progress{inset:auto 0 0 0;height:4px;background:#0e1122}.bar{height:100%;width:0%;background:linear-gradient(90deg,var(--brand),var(--success))}.pct{right:8px;bottom:6px}.percent-chip{border:1px solid var(--border);border-radius:999px;padding:2px 6px;margin-left:6px}.hidden{display:none!important}.faq,.features{padding:80px 0}.section-header{margin-bottom:60px}.section-header h2{font-size:2.5rem;margin-bottom:15px}.section-header p{color:#b8b8d1;max-width:700px;margin:0 auto;font-size:1.1rem}.feature-card h3,.step h3{margin-bottom:15px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.feature-card{background:var(--card-bg);border-radius:15px;padding:30px;border:1px solid var(--border)}#about,.how-to{padding:80px 0}.feature-icon,.step-number{border-radius:50%;display:flex}.feature-card:hover{transform:translateY(-10px)}.feature-icon{width:70px;height:70px;background:rgba(67,97,238,.1);align-items:center;justify-content:center;margin:0 auto 20px}.feature-icon i{font-size:1.8rem;color:var(--primary)}#about article p,#about header p,.copyright,.faq-answer,.feature-card p,.step p{color:#b8b8d1}.feature-card h3{font-size:1.4rem}.how-to{background:rgba(13,13,26,.5)}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:50px}.step{flex:1;min-width:250px;max-width:300px;position:relative}.step-number{width:50px;height:50px;background:var(--primary);align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.3rem;font-weight:700}#about article,#about aside,.faq-item,.social-links a{background:var(--card-bg)}.faq-container{max-width:800px;margin:0 auto}.faq-item{border-radius:10px;margin-bottom:15px;border:1px solid var(--border)}.faq-question{padding:20px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.faq-answer{padding:0 20px;max-height:0;transition:max-height .3s,padding .3s}.faq-item.active .faq-answer{padding:0 20px 20px;max-height:500px}.faq-item.active .faq-question i{transform:rotate(180deg)}footer{padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-column h3{margin-bottom:20px;font-size:1.2rem}.footer-column a{color:#b8b8d1;transition:color .3s}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--light);transition:.3s}.social-links a:hover{background:var(--primary);transform:translateY(-3px)}.copyright{padding-top:30px;font-size:.9rem}.stats{margin-right:auto;font-size:12px;color:var(--muted)}@media (max-width:992px){.hero h1{font-size:2.8rem}.converter-controls{flex-direction:column}}@media (max-width:768px){.mobile-toggle{display:block}nav ul{position:fixed;top:70px;left:0;width:100%;background:var(--darker);flex-direction:column;align-items:center;padding:20px 0;gap:0;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path .4s}nav ul.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}nav ul li{width:100%;text-align:center;padding:15px 0}.hero h1{font-size:2.2rem}.converter-section{padding:25px}.action-buttons{flex-direction:column}}@media (max-width:576px){.hero{padding:80px 0 60px}.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.section-header h2{font-size:2rem}}#about{background:rgba(13,13,26,.35);border-bottom:1px solid var(--border)}#about header{margin-bottom:32px}#about header h2{font-size:2.2rem;margin-bottom:12px}#about header p{font-size:1.05rem}#about section{display:grid;grid-template-columns:280px 1fr;gap:32px}#about aside{position:sticky;top:90px;align-self:start;border:1px solid var(--border);border-radius:14px;padding:20px}#about aside h4{font-size:1rem;margin:0 0 10px;color:#dbe1ff}#about aside a{display:block;color:#cdd3ef;padding:8px 10px;border-radius:10px;font-size:.95rem;transition:background .2s,color .2s}#about aside a:hover{background:rgba(67,97,238,.12);color:#fff}#about article{border:1px solid var(--border);border-radius:16px;padding:30px}#about article h2{font-size:2rem;margin:0 0 16px}#about article h3{font-size:1.35rem;margin:26px 0 10px}#about article h4{font-size:1.05rem;margin:18px 0 8px;color:#dbe1ff}#about article p{margin:10px 0 14px}#about article ol,#about article ul{padding-left:22px;margin:8px 0 18px;color:#c9ceea}#about article li{margin:6px 0}#about article blockquote{border-left:3px solid var(--primary);background:rgba(67,97,238,.08);padding:10px 12px;border-radius:8px;color:#cfe1ff;margin:14px 0}@media (max-width:992px){#about section{grid-template-columns:1fr}#about aside{position:static}}.fullprovecontent{--bg:#0f1220;--panel:#161a2e;--ink:#e9ecff;--muted:#b7bddb;--brand:#6a8dff;--border:#262a43;--shadow:0 10px 30px rgba(0,0,0,.25);max-width:880px;margin:24px auto;padding:28px;color:var(--ink);background:linear-gradient(180deg,var(--panel),#12162a 60%);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);font:16px/1.7 system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif}.fullprovecontent h2{margin:28px 0 12px;font-size:1.25rem;line-height:1.3;color:#fff;letter-spacing:.2px;position:relative;padding-left:14px}.fullprovecontent h2::before{content:"";position:absolute;left:0;top:.3em;height:1.1em;width:4px;border-radius:2px;background:var(--brand)}.fullprovecontent p{margin:10px 0 14px;color:var(--muted)}.fullprovecontent ul{margin:8px 0 16px;padding-left:22px}.fullprovecontent li{margin:8px 0;color:var(--ink)}.fullprovecontent li::marker{color:var(--brand)}.fullprovecontent strong{color:#fff}.fullprovecontent a{color:var(--brand);border-bottom:1px dashed rgba(106,141,255,.4)}.fullprovecontent a:hover{text-decoration:underline;border-bottom-color:transparent}.fullprovecontent h2+p,.fullprovecontent h2+p+ul,.fullprovecontent h2+ul{border-top:1px solid rgba(255,255,255,.04);padding-top:12px}@media (max-width:640px){.fullprovecontent{margin:16px;padding:20px 16px;border-radius:12px;font-size:15px}.fullprovecontent h2{font-size:1.125rem}}@media (prefers-color-scheme:light){.fullprovecontent{--bg:#ffffff;--panel:#ffffff;--ink:#1b2443;--muted:#46507a;--brand:#3b5bfd;--border:#e6e8f2;background:#fff;box-shadow:0 8px 24px rgba(17,23,54,.08)}.fullprovecontent h2{color:#0f1535}.fullprovecontent p{color:#3d4670}.fullprovecontent h2+p,.fullprovecontent h2+p+ul,.fullprovecontent h2+ul{border-top:1px solid #eef0f7}}