:root{--bg: #0b0b0d;--bg-elevated: #151519;--bg-panel: #1b1b21;--border: #2a2a32;--text: #f2f2f5;--text-muted: #9a9aa5;--accent: #ff5c38;--accent-hover: #ff7455;--accent-text: #1a0b06;--success: #33c17a;--radius: 14px;--radius-lg: 22px;--shadow: 0 20px 60px -20px rgba(0, 0, 0, .6);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text)}body{background-image:radial-gradient(circle at 20% -10%,#241610 0%,transparent 45%),radial-gradient(circle at 90% 0%,#101422 0%,transparent 40%)}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em}.muted{color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.8rem}.topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px);background:#0b0b0dbf;border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{text-decoration:none;color:var(--text);font-size:1.1rem}.brand-mark strong{color:var(--accent)}.lang-switch{display:flex;gap:4px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:3px}.lang-btn{border:none;background:transparent;color:var(--text-muted);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:.82rem;font-weight:600}.lang-btn.is-active{background:var(--accent);color:var(--accent-text)}.hero{padding:96px 20px 64px;text-align:center}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:0 0 20px}.hero-subtitle{max-width:640px;margin:0 auto 32px;color:var(--text-muted);font-size:1.05rem;line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:14px 28px;font-size:.95rem;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,background .15s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-block{width:100%}.tool{padding:40px 20px 96px}.tool>h2{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:36px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.tool-grid.tool-grid--single{grid-template-columns:1fr;max-width:620px;margin:0 auto}@media (max-width: 860px){.tool-grid{grid-template-columns:1fr}}.result-panel[hidden]{display:none}@keyframes result-panel-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-panel.is-visible{animation:result-panel-fade-in .4s ease}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column}.panel h3,.panel h4{margin-top:0}.dropzone{position:relative;border:2px dashed var(--border);border-radius:var(--radius);min-height:220px;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer;transition:border-color .15s ease,background .15s ease;overflow:hidden}.dropzone:hover,.dropzone.is-dragover{border-color:var(--accent);background:#ff5c380f}.dropzone-empty p{margin:6px 0 0}.dropzone-empty svg{color:var(--text-muted)}.preview-img{max-width:100%;max-height:240px;object-fit:contain;border-radius:8px}.controls{display:flex;flex-direction:column;gap:18px;margin:24px 0}.control{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600}.control-value{color:var(--accent);font-weight:700;font-size:.8rem}input[type=range]{width:100%;accent-color:var(--accent)}.format-options{display:flex;gap:8px;flex-wrap:wrap}.format-option{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:.8rem;font-weight:600;cursor:pointer}.format-option:has(input:checked){border-color:var(--accent);color:var(--accent)}.error-msg{color:#ff6b6b;font-size:.85rem;margin:12px 0 0}.progress-wrap{margin-top:14px;height:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.progress-bar{height:100%;width:0%;background:var(--accent);transition:width .1s linear}.hd-progress-wrap{position:relative;margin-top:14px;height:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.hd-progress-bar{position:absolute;top:0;left:0;height:100%;width:35%;border-radius:999px;background:var(--accent);animation:hd-progress-sweep 1.1s ease-in-out infinite}@keyframes hd-progress-sweep{0%{left:-35%}to{left:100%}}.hd-progress-hint{margin-top:8px;text-align:center}.video-frame{position:relative;background:var(--bg-elevated);border-radius:var(--radius);overflow:hidden;aspect-ratio:9 / 16;max-height:480px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}#result-video{width:100%;height:100%;object-fit:contain}.video-placeholder{color:var(--text-muted);font-size:2rem;opacity:.4}.unlock-section{border-top:1px solid var(--border);padding-top:20px;margin-top:12px}.region-switch{margin:16px 0;display:flex;flex-direction:column;gap:8px;font-size:.85rem;font-weight:600}.region-options{display:flex;gap:8px}.region-btn{flex:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:10px;color:var(--text-muted);cursor:pointer;font-weight:600}.region-btn.is-active{border-color:var(--accent);color:var(--text)}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.pricing[hidden]{display:none}@media (max-width: 480px){.pricing{grid-template-columns:1fr}}.price-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px;text-align:center}.price-label{font-size:.78rem;color:var(--text-muted);font-weight:600}.price-value{font-size:1.3rem;font-weight:800;color:var(--accent)}.how{padding:64px 20px}.how h2{text-align:center;margin-bottom:40px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 760px){.steps{grid-template-columns:1fr}}.step{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:800;margin-bottom:14px}.step h3{font-size:1.05rem;margin:0 0 8px}.faq{padding:24px 20px 96px}.faq h2{text-align:center;margin-bottom:32px}.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.faq-item summary{cursor:pointer;font-weight:700}.faq-item p{margin:10px 0 0;line-height:1.6}.code-input{display:block;width:100%;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:10px 14px;font-size:.85rem;margin:10px 0}.footer{border-top:1px solid var(--border);padding:28px 20px}.footer-inner{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:18px}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-legal{display:flex;flex-direction:column;gap:6px}.footer-legal p{margin:0}.footer-inner a{color:var(--text-muted);text-decoration:none}.footer-inner a:hover{color:var(--text)}.footer-contact a{display:inline-flex;align-items:center;gap:6px}.footer-legal a.bymouras-link{color:#e8c547}.footer-legal a.bymouras-link:hover{color:#f0d472}
