:root{--primary:#8b5cf6;--primary-glow:rgba(139,92,246,.5);--secondary:#6366f1;--bg:#0f172a;--card-bg:rgba(30,41,59,.7);--text:#f8fafc;--text-muted:#94a3b8;--accent:#06b6d4;--success:#10b981;--border:rgba(255,255,255,.1);--glass:rgba(255,255,255,.03);--glass-border:rgba(255,255,255,.1);--font-main:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 0 0,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.15) 0%,transparent 50%);min-height:100vh;line-height:1.5;overflow-x:hidden}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem}header{text-align:center;margin-bottom:3rem}h1{background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.subtitle{color:var(--text-muted);font-size:1.25rem}.ad-slot{background:var(--glass);border:1px dashed var(--glass-border);width:100%;height:90px;color:var(--text-muted);border-radius:.75rem;justify-content:center;align-items:center;margin:2rem 0;font-size:.8rem;display:flex}.upload-card{background:var(--card-bg);backdrop-filter:blur(20px);border:1px solid var(--glass-border);text-align:center;border-radius:2rem;padding:3rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.upload-card:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:2px;position:absolute;top:0;left:0;right:0}.dropzone{border:2px dashed var(--glass-border);cursor:pointer;background:var(--glass);border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.5rem;padding:4rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--primary);box-shadow:0 10px 30px -10px var(--primary-glow);background:rgba(139,92,246,.05);transform:translateY(-4px)}.dropzone.scanning{border-color:var(--primary);pointer-events:none;background:rgba(139,92,246,.03);position:relative;overflow:hidden}.dropzone.scanning:after{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);width:100%;height:4px;box-shadow:0 0 15px var(--primary);z-index:10;animation:2s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.dropzone i{color:var(--primary);font-size:3rem}.dropzone-text h3{margin-bottom:.5rem;font-size:1.5rem}.dropzone-text p{color:var(--text-muted)}.config-panel{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;animation:.5s ease-out fadeIn;display:flex}.config-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:1rem;flex:1;min-width:250px;padding:1.5rem}.config-label{justify-content:space-between;margin-bottom:1rem;font-weight:600;display:flex}input[type=range]{width:100%;accent-color:var(--primary)}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem;display:grid}.result-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1.5rem;animation:.4s ease-out slideUp;display:flex}.image-preview{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:1rem;width:100%}.stats{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.reduction-badge{color:var(--success);background:rgba(16,185,129,.1);border-radius:2rem;padding:.25rem .75rem;font-weight:700}.btn{cursor:pointer;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 15px -3px var(--primary-glow)}.btn-primary:hover{box-shadow:0 20px 25px -5px var(--primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--glass);border:1px solid var(--glass-border);color:#fff}.btn-secondary:hover{background:var(--glass-border)}.progress-container{background:var(--glass);border-radius:3px;width:100%;height:6px;display:none;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--accent));width:0%;height:100%;transition:width .3s}.spinner{border:2px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.faq-section{margin-top:5rem}.faq-item{background:var(--glass);border:1px solid var(--glass-border);border-radius:1rem;margin-bottom:1rem;overflow:hidden}.faq-question{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;font-weight:600;display:flex}.faq-answer{color:var(--text-muted);padding:0 1.5rem 1.5rem;display:none}.faq-item.active .faq-answer{display:block}.preview-strip{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;padding:1rem 0;display:flex}.preview-item-wrapper{animation:.3s ease-out scaleIn;display:inline-block;position:relative}.preview-thumb{object-fit:cover;border:2px solid var(--primary);border-radius:.75rem;width:80px;height:80px;display:block}.delete-preview-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;line-height:1;transition:transform .2s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 4px rgba(0,0,0,.5)}.delete-preview-btn:hover{background-color:#dc2626;transform:scale(1.1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){h1{font-size:2.5rem}.upload-card{padding:1.5rem}.dropzone{padding:2rem 1rem}}.splash-screen{background-color:var(--bg);z-index:9999;background-image:radial-gradient(circle at 0 0,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(6,182,212,.15) 0%,transparent 50%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out,visibility .5s ease-in-out;display:flex;position:fixed;top:0;left:0}.splash-screen.hidden{opacity:0;visibility:hidden}.splash-logo{border-radius:20%;width:120px;height:120px;margin-bottom:1.5rem;animation:2s ease-in-out infinite pulse}.splash-screen h2{background:linear-gradient(135deg, #fff 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:800}.splash-screen p{color:var(--text-muted);font-size:1.2rem}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 rgba(139,92,246,.5)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(139,92,246,0)}to{transform:scale(.95);box-shadow:0 0 rgba(139,92,246,0)}}.app-logo{border-radius:12px;width:50px;height:50px}.modal{visibility:hidden;opacity:0;z-index:1000;backdrop-filter:blur(5px);background-color:rgba(15,23,42,.8);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.modal.active{visibility:visible;opacity:1}.modal-content{background:var(--card-bg);border:1px solid var(--glass-border);text-align:center;border-radius:1.5rem;width:90%;max-width:500px;padding:2.5rem;transition:transform .3s;position:relative;transform:translateY(20px);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.modal.active .modal-content{transform:translateY(0)}.close-modal{color:var(--text-muted);cursor:pointer;font-size:2rem;font-weight:700;transition:color .2s;position:absolute;top:1rem;right:1.5rem}.close-modal:hover{color:var(--text)}.support-section{margin-top:4rem;padding:0 1rem}.support-card{background:linear-gradient(145deg, var(--card-bg), rgba(30,41,59,.4));border:1px solid var(--glass-border);text-align:center;border-radius:2rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px rgba(0,0,0,.3)}.support-card:after{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);opacity:.1;pointer-events:none;width:200%;height:200%;position:absolute;top:-50%;left:-50%}.support-icon{background:var(--glass);border:1px solid var(--glass-border);width:64px;height:64px;color:var(--primary);border-radius:1.25rem;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.support-card h2{margin-bottom:.75rem;font-size:2rem;font-weight:700}.support-card p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.support-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.floating-feedback{background:var(--primary);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 10px 20px -5px var(--primary-glow);z-index:900;border:none;border-radius:1.5rem;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2rem;right:2rem}.floating-feedback:hover{box-shadow:0 15px 30px -10px var(--primary-glow);transform:translateY(-5px)scale(1.05)}.donation-btn.active{background:var(--primary);border-color:var(--primary)}#custom-amount-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}@media (max-width:640px){.floating-feedback{width:48px;height:48px;bottom:1rem;right:1rem}}