@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c6e48ee1-module__JRO3KW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c6e48ee1-module__JRO3KW__variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_cec7806-module__ABRySG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_cec7806-module__ABRySG__variable{--font-heading:"Outfit", "Outfit Fallback"}
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-accent:#eff6ff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb26;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--card-shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--hover-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition-speed:.25s;--font-heading:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-card:#1f2937;--bg-accent:#1e293b;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--border-color:#374151;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-glow:#3b82f640;--success:#10b981;--success-bg:#10b9811a;--warning:#fbbf24;--warning-bg:#fbbf241a;--danger:#f87171;--danger-bg:#f871711a;--card-shadow:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--hover-shadow:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:background-color var(--transition-speed) ease, color var(--transition-speed) ease;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:700;line-height:1.25}a{color:var(--primary);transition:color var(--transition-speed) ease;text-decoration:none}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;height:72px;display:flex}.header-mobile-actions{display:none}.hamburger-btn{color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-speed);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:none}.hamburger-btn:hover{background-color:var(--bg-accent)}.nav-menu-wrapper{flex:1;justify-content:space-between;align-items:center;width:100%;margin-left:40px;display:flex}.desktop-only{display:flex}.logo{font-family:var(--font-heading);color:var(--primary);align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.logo-sub{color:var(--text-primary);border-left:1px solid var(--border-color);margin-left:4px;padding-left:8px;font-size:14px;font-weight:400}.nav-links{align-items:center;gap:24px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-speed) ease;font-size:15px;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-actions{align-items:center;gap:16px;display:flex}.theme-toggle-btn{border:1px solid var(--border-color);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:all var(--transition-speed) ease;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background-color:var(--bg-accent);color:var(--primary);border-color:var(--primary)}.btn{cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-accent);border-color:var(--primary)}.btn-pro{color:#000;background:linear-gradient(135deg,#f59e0b,#eab308);font-weight:700;box-shadow:0 4px 10px #f59e0b4d}.btn-pro:hover{transform:translateY(-1px);box-shadow:0 6px 14px #f59e0b66}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.hero{text-align:center;padding:80px 0 60px}.hero-title{background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:48px}.hero-subtitle{color:var(--text-secondary);max-width:650px;margin:0 auto 40px;font-size:18px}.upload-zone-wrapper{max-width:720px;margin:0 auto 40px}.upload-zone{background-color:var(--bg-secondary);border:2px dashed var(--border-color);cursor:pointer;transition:all var(--transition-speed) ease;border-radius:16px;padding:60px 40px;position:relative;overflow:hidden}.upload-zone:hover{border-color:var(--primary);background-color:var(--bg-accent);box-shadow:0 8px 30px var(--primary-glow)}.upload-zone.dragover{border-color:var(--primary);background-color:var(--bg-accent);transform:scale(1.02)}.upload-icon-wrapper{background-color:var(--bg-accent);width:80px;height:80px;color:var(--primary);transition:all var(--transition-speed) ease;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:32px;display:flex}.upload-zone:hover .upload-icon-wrapper{transform:translateY(-4px)}.upload-zone h3{font-size:22px;font-family:var(--font-heading);margin-bottom:8px}.upload-zone p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.upload-meta{color:var(--text-muted);border-top:1px solid var(--border-color);justify-content:center;gap:24px;margin-top:24px;padding-top:16px;font-size:13px;display:flex}.upload-meta-item{align-items:center;gap:6px;display:flex}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:32px;margin-top:40px;margin-bottom:60px;display:grid}.dashboard-main{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:24px}.dashboard-sidebar{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;height:fit-content;max-height:calc(100vh - 120px);padding:24px;position:sticky;top:96px;overflow-y:auto}.file-list-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.file-item{border:1px solid var(--border-color);background-color:var(--bg-primary);transition:all var(--transition-speed) ease;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px;display:flex}.file-item:hover{border-color:var(--primary);background-color:var(--bg-accent)}.file-info{flex:1;align-items:center;gap:16px;display:flex;overflow:hidden}.file-icon{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:flex}.file-icon.image{background-color:var(--primary)}.file-icon.pdf{background-color:var(--danger)}.file-icon.video{background-color:var(--warning);color:#000}.file-icon.audio{background-color:var(--success)}.file-details{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.file-sizes{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}.file-size-old{color:var(--text-muted);text-decoration:line-through}.file-size-new{color:var(--success);font-weight:700}.file-badge-saving{background-color:var(--success-bg);color:var(--success);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.file-actions{align-items:center;gap:12px;display:flex}.compare-container{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px}.compare-title{margin-bottom:16px}.slider-wrapper{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;border:1px solid var(--border-color);background-color:#e2e8f0;border-radius:12px;width:100%;position:relative;overflow:hidden}.slider-img{object-fit:contain;background-color:#0b0f19;width:100%;height:100%;position:absolute;top:0;left:0}.slider-img-after{clip-path:polygon(0 0, var(--clip-pos) 0, var(--clip-pos) 100%, 0 100%)}.slider-handle-line{top:0;bottom:0;left:var(--clip-pos);pointer-events:none;z-index:10;background-color:#fff;width:2px;position:absolute;box-shadow:0 0 10px #00000080}.slider-handle-button{width:40px;height:40px;color:var(--primary);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.slider-input{opacity:0;cursor:ew-resize;z-index:20;width:100%;height:100%;position:absolute;top:0;left:0}.slider-label{color:#fff;z-index:15;background-color:#0009;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;bottom:12px}.slider-label-before{right:12px}.slider-label-after{left:12px}.progress-bar-container{background-color:var(--border-color);border-radius:4px;width:100%;height:8px;margin:16px 0;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--success));width:0%;height:100%;transition:width .3s}.option-group{margin-bottom:24px}.option-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.select-control,.input-control{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-speed) ease;border-radius:8px;outline:none;padding:10px 14px;font-size:14px}.select-control:focus,.input-control:focus{border-color:var(--primary)}.range-control-group{align-items:center;gap:12px;display:flex}.range-control{background:var(--border-color);height:6px;accent-color:var(--primary);border-radius:3px;outline:none;flex:1}.range-val{text-align:right;width:40px;font-size:14px;font-weight:700}.categories-section{padding:40px 0 80px}.section-title{text-align:center;margin-bottom:40px;font-size:32px}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.category-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-speed) ease;box-shadow:var(--card-shadow);border-radius:16px;flex-direction:column;gap:16px;padding:32px 24px;display:flex}.category-card:hover{box-shadow:var(--hover-shadow);border-color:var(--primary);transform:translateY(-4px)}.category-icon{background-color:var(--bg-accent);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.category-card h3{font-size:20px}.category-card p{color:var(--text-secondary);font-size:14px}.info-section{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;padding:80px 0}.info-grid{grid-template-columns:1fr 1fr;gap:60px;display:grid}.info-content h2{margin-bottom:24px;font-size:32px}.info-content p{color:var(--text-secondary);margin-bottom:20px}.feature-list{list-style:none}.feature-item{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.feature-check{color:var(--success);margin-top:4px}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:12px;padding:20px}.faq-question{margin-bottom:8px;font-size:16px;font-weight:700}.faq-answer{color:var(--text-secondary);font-size:14px}.adsense-placeholder{background-color:var(--bg-accent);border:1px dashed var(--border-color);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;border-radius:8px;justify-content:center;align-items:center;margin:32px auto;font-size:12px;font-weight:500;display:flex}.adsense-leaderboard{width:100%;max-width:728px;height:90px}.adsense-sidebar-ad{width:100%;height:250px;margin-top:24px}.static-page{max-width:800px;margin:0 auto;padding:60px 0 100px}.static-page h1{margin-bottom:24px;font-size:40px}.static-page h2{margin-top:36px;margin-bottom:16px;font-size:24px}.static-page p,.static-page ul{color:var(--text-secondary);margin-bottom:16px}.static-page ul{padding-left:20px}.static-page li{margin-bottom:8px}.contact-form{flex-direction:column;gap:20px;margin-top:32px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:14px;font-weight:600}.form-control{border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font-body);border-radius:8px;padding:12px}.form-control:focus{border-color:var(--primary);outline:none}textarea.form-control{resize:vertical;min-height:120px}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);transition:background-color var(--transition-speed) ease, border-color var(--transition-speed) ease;padding:60px 0 40px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.footer-brand h3{color:var(--primary);margin-bottom:12px;font-size:20px}.footer-brand p{color:var(--text-secondary);max-width:320px;font-size:14px}.footer-links-col h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:16px;font-size:15px}.footer-links{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-link{color:var(--text-secondary);cursor:pointer;font-size:14px}.footer-link:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:30px;font-size:13px;display:flex}.lang-selector{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-speed) ease;border-radius:6px;outline:none;padding:8px 12px;font-size:14px;font-weight:500}.lang-selector:focus{border-color:var(--primary)}.article-section{border-top:1px solid var(--border-color);background-color:var(--bg-primary);padding:60px 0 80px}.article-container{max-width:800px;margin:0 auto}.article-container h2{margin-top:32px;margin-bottom:16px;font-size:28px}.article-container p{color:var(--text-secondary);margin-bottom:16px;line-height:1.7}@media (max-width:992px){.dashboard-grid{flex-direction:column;display:flex}.dashboard-sidebar{order:-1;max-height:none;margin-bottom:24px;position:static}.info-grid{grid-template-columns:1fr;gap:40px}.header-mobile-actions{align-items:center;gap:8px;display:flex}.hamburger-btn{display:flex}.desktop-only{display:none!important}.nav-menu-wrapper{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;flex-direction:column;gap:24px;padding:24px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 10px 15px -3px #0000001a}.nav-menu-wrapper.open{display:flex}.nav-links{text-align:center;flex-direction:column;gap:16px;width:100%;padding:0;overflow-x:visible}.nav-actions{flex-direction:column;align-items:center;gap:16px;width:100%}.lang-selector{width:100%;max-width:200px}.btn-pro{text-align:center;width:100%;max-width:200px}}@media (max-width:1024px){.hero-title{font-size:36px}.header-container{flex-direction:row;justify-content:space-between;align-items:center;height:72px;padding:0}.footer-grid{grid-template-columns:1fr;gap:30px}}@media (max-width:768px){.upload-zone{padding:32px 16px}.hero-title{font-size:28px;line-height:1.3}.hero-subtitle{font-size:14px}}.cookie-banner-wrapper{z-index:1000;color:#f1f5f9;background-color:#1e293b;border-top:1px solid #334155;animation:.4s cubic-bezier(.16,1,.3,1) forwards cookieSlideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 25px -5px #0000004d}.cookie-banner-container{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.cookie-banner-left{flex:1;align-items:center;gap:16px;display:flex}.cookie-icon-circle{color:#3b82f6;background-color:#2563eb26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.cookie-banner-content{flex:1}.cookie-banner-title{color:#fff;margin-bottom:2px;font-size:15px;font-weight:700}.cookie-banner-text{color:#cbd5e1;font-size:13px;line-height:1.5}.cookie-link{color:#3b82f6;cursor:pointer;font-weight:500;text-decoration:underline;transition:color .2s}.cookie-link:hover{color:#60a5fa}.cookie-banner-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.cookie-btn-reject{color:#cbd5e1;background-color:#0000;border:1px solid #475569;padding:8px 16px;font-size:13px}.cookie-btn-reject:hover{color:#fff;background-color:#334155;border-color:#64748b}.cookie-btn-accept{color:#fff;background-color:#2563eb;padding:8px 20px;font-size:13px}@keyframes cookieSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width:768px){.cookie-banner-container{flex-direction:column;align-items:stretch;gap:16px;padding:20px 16px}.cookie-banner-left{align-items:flex-start}.cookie-banner-right{justify-content:flex-end}}
