:root{--bg:#0F1117;--bg-elevated:#161B22;--card:rgba(22,27,34,0.85);--card-border:rgba(255,255,255,0.08);--text:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.65);--muted:rgba(255,255,255,0.5);--border:rgba(255,255,255,0.1);--accent:#6D5DFB;--accent-glow:rgba(109,93,251,0.4);--accent-gradient:linear-gradient(135deg,#6D5DFB,#8B7CFE 50%,#A78BFA);--danger:#F87171;--ok:#34D399;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:56px;--space-8:64px;--radius:12px;--radius-btn:12px;--radius-lg:16px;--shadow:0 4px 24px rgba(0,0,0,0.25);--shadow-soft:0 2px 12px rgba(0,0,0,0.2);--shadow-glow:0 0 32px var(--accent-glow);--transition:0.2s ease;--transition-smooth:0.25s cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.33,1,0.68,1)}*{box-sizing:border-box}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-btn);font-size:14px;font-weight:600;cursor:pointer;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition),background-color var(--transition)}.btn:active:not(:disabled),button:active:not(:disabled){transform:scale(.98)}.btn:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,button.btn-primary{border:none;color:#fff;background:var(--accent-gradient);box-shadow:var(--shadow-soft),0 0 0 0 var(--accent-glow)}.btn-primary:hover:not(:disabled),a.btn-primary:hover,button.btn-primary:hover:not(:disabled){color:#fff;transform:scale(1.02);box-shadow:0 4px 20px var(--accent-glow),0 0 28px rgba(109,93,251,.25)}.btn-secondary,button.btn-secondary{border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.04);box-shadow:0 1px 2px rgba(0,0,0,.1)}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){transform:scale(1.02);border-color:rgba(109,93,251,.4);background:rgba(109,93,251,.08);box-shadow:var(--shadow-soft),0 0 20px rgba(109,93,251,.15)}.btn-ghost,button.btn-ghost{border:none;color:var(--text);background:transparent}.btn-ghost:hover:not(:disabled),button.btn-ghost:hover:not(:disabled){transform:scale(1.01);background:rgba(255,255,255,.06)}button:not([class*=btn-]){border:1px solid var(--border);color:var(--text);background:rgba(255,255,255,.04);box-shadow:0 1px 2px rgba(0,0,0,.1)}button:not([class*=btn-]):hover:not(:disabled){transform:scale(1.02);border-color:rgba(109,93,251,.4);background:rgba(109,93,251,.08);box-shadow:var(--shadow-soft),0 0 20px rgba(109,93,251,.12)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:13px}html{scroll-behavior:smooth;overflow-x:hidden}body,html{height:100%;min-width:0}body{margin:0;padding-top:56px;overflow-x:hidden;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(109,93,251,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(109,93,251,.06),transparent),radial-gradient(ellipse 60% 40% at 0 80%,rgba(109,93,251,.05),transparent);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.subtitle-overlay-montserrat{font-family:Montserrat,ui-sans-serif,system-ui,sans-serif}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(15,17,23,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow var(--transition-smooth),border-color var(--transition)}.site-header:after{content:"";position:absolute;inset:0;pointer-events:none;border-bottom:1px solid transparent;transition:border-color var(--transition)}.site-header:hover:after{border-bottom-color:rgba(255,255,255,.04)}.site-header-inner{max-width:1200px;margin:0 auto;padding:var(--space-2) var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.site-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:18px;letter-spacing:-.02em;transition:transform var(--transition),color var(--transition)}.site-logo:hover{color:var(--text);transform:scale(1.02)}.site-logo-icon{width:26px;height:22px;background:var(--accent-gradient);border-radius:6px;flex-shrink:0;box-shadow:0 2px 12px var(--accent-glow)}.site-nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius);transition:color var(--transition-smooth),background var(--transition-smooth)}.site-nav-link:hover{color:var(--text);background:rgba(255,255,255,.06);text-decoration:none}.site-nav .chevron{font-size:10px;opacity:.7}button.site-nav-link{border:none;background:none;cursor:pointer;font-family:inherit}.signin-modal-overlay{position:fixed;inset:0;min-height:100vh;min-height:100dvh;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-3);box-sizing:border-box}.signin-modal{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:400px;width:100%;box-shadow:var(--shadow)}.signin-modal__title{margin:0 0 var(--space-3);font-size:1.25rem;font-weight:600;color:var(--text)}.signin-modal__text{margin:0 0 var(--space-4);font-size:15px;line-height:1.5;color:var(--text-secondary)}.signin-modal__close{width:100%}.site-footer{margin-top:var(--space-8);padding:var(--space-4) var(--space-3);border-top:1px solid var(--card-border);background:rgba(15,17,23,.6)}.site-footer-inner{max-width:1200px;margin:0 auto;text-align:center}.site-footer-copyright{margin:0;font-size:14px;color:var(--text-secondary)}.section-contacts,.section-faq{padding:var(--space-6) var(--space-3);max-width:800px;margin:0 auto}.section-title{font-size:clamp(26px,3.5vw,32px);margin:0 0 var(--space-1);letter-spacing:-.03em;line-height:1.2;text-align:center}.section-desc{text-align:center;color:var(--text-secondary);font-size:16px;line-height:1.5;margin:0 auto var(--space-6);max-width:520px}.hero{text-align:center;padding:var(--space-8) var(--space-3) var(--space-8)}.hero-title{font-size:clamp(36px,5vw,52px);font-weight:700;margin:0 0 var(--space-3);letter-spacing:-.04em;line-height:1.15;max-width:720px;margin-left:auto;margin-right:auto;color:var(--text)}.hero-desc{font-size:18px;color:var(--text-secondary);margin:0 0 var(--space-5);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.55}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-7)}.hero-buttons .btn{padding:var(--space-2) var(--space-4);font-size:16px}.hero-mockup{max-width:720px;margin:0 auto}.hero-mockup-screen{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);background:linear-gradient(145deg,var(--bg-elevated) 0,var(--bg) 50%);box-shadow:0 24px 48px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hero-mockup:hover .hero-mockup-screen{box-shadow:0 28px 56px rgba(0,0,0,.4),0 0 48px rgba(109,93,251,.2)}.hero-mockup-play{width:72px;height:72px;border-radius:50%;background:var(--accent-gradient);opacity:.9;box-shadow:0 4px 24px var(--accent-glow);position:relative}.hero-mockup-play:after{content:"";position:absolute;left:50%;top:50%;margin-left:4px;margin-top:-10px;border:10px solid transparent;border-left:16px solid #fff;height:0;width:0}.hero-mockup-subtitles{position:absolute;bottom:0;left:0;right:0;padding:var(--space-3) var(--space-3) var(--space-4);background:linear-gradient(0deg,rgba(15,17,23,.95),transparent 60%);display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.hero-mockup-line{display:inline-block;padding:var(--space-2) var(--space-3);border-radius:8px;background:rgba(0,0,0,.7);color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em;text-align:center;max-width:90%;border:1px solid rgba(255,255,255,.1)}.how-it-works{padding:var(--space-8) var(--space-3) var(--space-8)}.how-it-works-title{font-size:clamp(26px,3.5vw,32px);font-weight:700;margin:0 0 var(--space-1);text-align:center;letter-spacing:-.03em;color:var(--text)}.how-it-works-desc{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto var(--space-6);max-width:400px;line-height:1.5}.how-it-works-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-3);gap:var(--space-3);max-width:960px;margin:0 auto}@media (max-width:768px){.how-it-works-grid{grid-template-columns:1fr}}.how-step-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);box-shadow:var(--shadow);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}.how-step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 28px rgba(109,93,251,.18);border-color:rgba(109,93,251,.25)}.how-step-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(109,93,251,.2),rgba(139,124,254,.1));border:1px solid rgba(109,93,251,.25);display:flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:var(--space-3)}.how-step-icon svg{flex-shrink:0}.how-step-title{font-size:18px;font-weight:700;margin:0 0 10px;letter-spacing:-.02em;color:var(--text)}.how-step-desc{font-size:14px;color:var(--text-secondary);line-height:1.55;margin:0}.samples-section{padding:var(--space-8) var(--space-3) var(--space-8)}.samples-section h2{font-size:clamp(26px,3.5vw,32px);font-weight:700;margin:0 0 var(--space-1);text-align:center;letter-spacing:-.03em;color:var(--text)}.samples-section .section-desc{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto var(--space-6);max-width:520px;line-height:1.5}.samples-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:900px;margin:0 auto}@media (max-width:640px){.samples-grid{grid-template-columns:1fr}}.sample-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);background:var(--card);aspect-ratio:16/9;box-shadow:var(--shadow);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}.sample-card:hover{transform:scale(1.02);box-shadow:var(--shadow),0 0 28px rgba(109,93,251,.2);border-color:rgba(109,93,251,.25)}.sample-card video{width:100%;height:100%;object-fit:cover;display:block}.sample-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);color:var(--muted);font-size:14px}.sample-card-title{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3);background:linear-gradient(to top,var(--bg) 70%,transparent);font-size:14px;font-weight:600;color:var(--text);transition:opacity var(--transition)}.pricing-section{padding:var(--space-8) var(--space-3) var(--space-8)}.pricing-title{font-size:clamp(26px,3.5vw,32px);font-weight:700;margin:0 0 var(--space-1);text-align:center;letter-spacing:-.03em;color:var(--text)}.pricing-desc{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto var(--space-6);max-width:400px;line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-3);gap:var(--space-3);max-width:720px;margin:0 auto;align-items:stretch}@media (max-width:640px){.pricing-grid{grid-template-columns:1fr;max-width:380px}}.pricing-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-3);box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth),border-color var(--transition)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow),0 0 24px rgba(0,0,0,.2)}.pricing-card-pro{border-color:rgba(109,93,251,.4);box-shadow:var(--shadow),0 0 36px rgba(109,93,251,.25);position:relative}.pricing-card-pro:hover{box-shadow:var(--shadow),0 0 44px rgba(109,93,251,.3),0 0 64px rgba(109,93,251,.12);border-color:rgba(109,93,251,.55)}.pricing-plan-name{margin:0 0 16px;color:var(--text)}.pricing-plan-name,.pricing-plan-name-framed{font-size:20px;font-weight:700;letter-spacing:-.02em}.pricing-plan-name-framed{display:inline-block;width:-moz-fit-content;width:fit-content;padding:6px 16px;border-radius:999px;border:none;background:var(--accent-gradient);color:#fff;box-shadow:0 2px 12px var(--accent-glow)}.pricing-price{margin-bottom:var(--space-3)}.pricing-amount{font-size:36px;font-weight:700;letter-spacing:-.03em;color:var(--text)}.pricing-currency{font-size:20px;font-weight:600;color:var(--text-secondary);margin-left:2px}.pricing-period{font-size:14px;color:var(--muted);margin-left:4px}.pricing-features{list-style:none;padding:0;margin:0 0 var(--space-3);flex:1 1}.pricing-features li{font-size:14px;color:var(--text-secondary);line-height:1.6;padding:var(--space-1) 0;padding-left:var(--space-3);position:relative}.pricing-features li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.pricing-cta{width:100%;padding:var(--space-2) var(--space-3);font-size:15px}.pricing-extra{text-align:center;font-size:13px;color:var(--muted);margin:var(--space-4) auto 0;max-width:480px;line-height:1.5}.container{max-width:920px;margin:0 auto;padding:0 var(--space-3) var(--space-8);width:100%;box-sizing:border-box}.app-header{text-align:center;padding:var(--space-3) var(--space-3) var(--space-6)}.app-title{font-size:clamp(28px,4vw,36px);font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.03em;color:var(--text)}.app-desc{margin:0 0 var(--space-2);line-height:1.5}.app-desc,.app-desc-detail{font-size:15px;color:var(--text-secondary)}.app-desc-detail{margin:0 auto var(--space-5);line-height:1.6;max-width:640px}.hero-steps-heading{margin-bottom:var(--space-1)}.hero-steps{align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.hero-steps,.hero-steps-cta{display:flex;flex-wrap:wrap;justify-content:center}.hero-steps-cta{margin-top:var(--space-5);gap:var(--space-2)}.hero-cta-btn{padding:var(--space-3) var(--space-6);font-size:18px;min-width:200px}.hero-step{flex:0 0 auto}.hero-step__box{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:160px;padding:var(--space-3);border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--card);box-shadow:var(--shadow-soft);transition:border-color var(--transition),box-shadow var(--transition)}.hero-step__box:hover{border-color:rgba(109,93,251,.3);box-shadow:0 4px 20px rgba(0,0,0,.2)}.hero-step__title{font-size:13px;font-weight:600;color:var(--text);text-align:center;line-height:1.3}.hero-step__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--accent)}.hero-step__icon svg{width:100%;height:100%}.hero-step-arrow{font-size:24px;color:var(--text-secondary);opacity:.7}@media (max-width:600px){.hero-steps{flex-direction:column;gap:var(--space-2)}.hero-step-arrow{transform:rotate(90deg)}}.section-title{font-size:1.25rem;font-weight:700;color:var(--text);margin:0 0 var(--space-4)}.section-templates{padding:var(--space-6) var(--space-3);max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;--examples-title-h:44px;--examples-gap:var(--space-4);--examples-h:min(600px,82vh)}.section-templates .section-title{width:100%;text-align:center}.template-samples-layout{display:grid;grid-template-columns:calc((var(--examples-h) - var(--examples-title-h)) * 9 / 16) calc((var(--examples-h) - 2 * var(--examples-title-h) - var(--examples-gap)) / 2 * 16 / 9);grid-gap:var(--examples-gap);gap:var(--examples-gap);align-items:stretch;height:var(--examples-h);width:max-content}.template-samples-left{min-width:0;display:flex}.template-samples-left .template-sample-card{flex:1 1;display:flex;flex-direction:column;min-height:0}.template-samples-right{display:grid;grid-template-rows:1fr 1fr;grid-gap:var(--examples-gap);gap:var(--examples-gap);min-width:0}.template-samples-right .template-sample-card{display:flex;flex-direction:column;min-height:0}.template-sample-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.template-sample-card__preview{overflow:hidden;flex:1 1;min-height:0;cursor:pointer;position:relative}.template-sample-card__placeholder,.template-sample-card__preview{background:var(--bg-elevated);display:flex;justify-content:center;align-items:center}.template-sample-card__placeholder{position:absolute;inset:0;color:var(--text-secondary);font-size:14px}.template-sample-card--vertical .template-sample-card__preview{aspect-ratio:9/16;width:auto;max-width:100%;margin:0 auto}.template-sample-card--vertical .template-sample-card__video{object-fit:contain}.template-sample-card--horizontal .template-sample-card__preview{aspect-ratio:16/9}.template-sample-card__video{width:100%;height:100%;object-fit:cover;display:block}.template-sample-card--horizontal .template-sample-card__video{object-fit:cover}.template-sample-card__title{font-size:15px;font-weight:600;color:var(--text);margin:0;padding:var(--space-2) var(--space-3);flex-shrink:0;height:var(--examples-title-h);box-sizing:border-box;display:flex;align-items:center}.section-generation{margin-top:var(--space-4)}.app-main{max-width:800px;margin:0 auto}.app-main .form-group+.form-group{margin-top:var(--space-4)}.generation-step{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.generation-step:last-child{border-bottom:none}.generation-step__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.generation-step__title{font-size:1.1rem;font-weight:600;color:var(--text);margin:0;flex:1 1}.generation-step__badge{flex-shrink:0;width:28px;height:28px;margin-left:auto;margin-right:var(--space-2);display:flex;align-items:center;justify-content:center;border-radius:4px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.generation-step--done .generation-step__badge{background:rgba(52,211,153,.3);border-color:rgba(52,211,153,.6);color:var(--ok)}.generation-step__check{display:flex;align-items:center;justify-content:center;color:var(--ok)}.generation-step__check svg{width:16px;height:16px}.generation-step__body{padding-left:0}.generation-step__action{display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-3)}.btn-generate{min-width:280px;padding:var(--space-3) var(--space-5);font-size:1.25rem;min-height:56px}.generation-step__hint{margin:0;font-size:14px;color:var(--muted)}.btn-download{padding:var(--space-3) var(--space-5);font-size:1.125rem;min-height:52px}a.btn-download.btn-primary{color:#fff;text-decoration:none}a.btn-download.btn-primary:hover{color:#fff}.preview-area{margin-top:0;display:flex;justify-content:center;width:100%}.preview-area:first-child{margin-top:0}.preview-placeholder{width:100%;padding:var(--space-5);text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:var(--radius);font-size:14px}.preview-video{display:block;max-height:66.666vh;width:auto;max-width:100%;border-radius:var(--radius);background:#000}.preview-video-error{padding:var(--space-3);color:var(--muted);font-size:14px;text-align:center}.preview-video-error a{color:var(--accent);text-decoration:underline}.download-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);justify-content:center}.download-row .btn-download{min-width:0}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);transition:box-shadow var(--transition-smooth),border-color var(--transition)}.card:hover{box-shadow:var(--shadow),0 0 0 1px rgba(255,255,255,.05)}.form-group,.form-group+.form-group{margin-top:var(--space-3)}.template-cards{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-3)}.template-cards--disabled{pointer-events:none;opacity:.7}.template-cards--disabled .template-card{cursor:not-allowed}.template-card{position:relative;flex:0 1 auto;min-width:140px;max-width:200px;padding:0;border-radius:var(--radius-lg);border:2px solid var(--card-border);background:var(--card);cursor:pointer;overflow:hidden;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth),transform var(--transition-smooth)}.template-card:hover{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}.template-card--selected{border-color:#6D5DFB;box-shadow:0 0 0 1px #6D5DFB,0 0 20px rgba(109,93,251,.25);transform:scale(1.02)}.template-card--selected:hover{border-color:#6D5DFB}.template-card__preview{aspect-ratio:16/9;width:100%;background:var(--bg-elevated);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-2);gap:4px}.template-card__preview-line{display:block;width:100%;text-align:center;font-size:11px;font-weight:600;color:rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.6);line-height:1.2}.template-card__preview--bold .template-card__preview-line{font-weight:800;letter-spacing:.02em}.template-card__preview--clean .template-card__preview-line{font-weight:600}.template-card__preview--dynamic .template-card__preview-line{font-weight:600;color:rgba(255,255,255,.95)}.template-card__preview-word{color:rgba(255,255,255,.9)}.template-card__preview-word--highlight{color:#FFD400}.template-card__preview--flash .template-card__preview--flash-sample{font-size:1.1rem;font-weight:800;color:#5DADE2;letter-spacing:.02em}.template-card__preview--classic .template-card__preview--classic-sample{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:var(--space-1) var(--space-2);background:rgba(0,0,0,.5);border-radius:2px}.template-card__preview--classic .template-card__preview--classic-line{display:block;font-size:10px;font-weight:400;color:#fff;text-align:center;line-height:1.25}.template-card__title{font-size:15px;font-weight:600;color:var(--text);margin:0;padding:var(--space-2) var(--space-3)}.template-card__check{top:var(--space-1);width:22px;height:22px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px rgba(109,93,251,.5)}.template-card__check,.template-card__label{position:absolute;right:var(--space-1);z-index:1}.template-card__label{bottom:var(--space-1);font-size:10px;font-weight:700;color:#6D5DFB;text-transform:uppercase;letter-spacing:.05em}.generation-progress{margin-top:var(--space-3)}.generation-progress__label{font-size:14px;color:var(--text-secondary);margin-bottom:var(--space-2)}.generation-progress__bar{height:6px;border-radius:999px;background:var(--bg-elevated);overflow:hidden}.generation-progress__fill{height:100%;max-width:100%;border-radius:999px;background:#6D5DFB;transition:width .2s ease-out}.generation-error{margin-top:var(--space-3);border-radius:var(--radius);background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3);color:var(--danger)}.file-upload-warning,.generation-error{padding:var(--space-2) var(--space-3);font-size:14px}.file-upload-warning{margin-top:var(--space-2);border-radius:var(--radius);background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.4);color:#fbbf24;line-height:1.45}.stack-1{margin-top:var(--space-1)}.stack-2{margin-top:var(--space-2)}.stack-3{margin-top:var(--space-3)}.stack-4{margin-top:var(--space-4)}.stack-5{margin-top:var(--space-5)}.status-badge{display:inline-flex;padding:2px var(--space-1);border-radius:999px;font-size:12px;font-weight:500;color:var(--text-secondary);background:rgba(255,255,255,.04)}.status-badge,.video-controls-bar{align-items:center;border:1px solid var(--border)}.video-controls-bar{width:100%;max-width:280px;padding:var(--space-1) var(--space-2);display:flex;gap:var(--space-2);background:rgba(0,0,0,.6);border-radius:var(--radius);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-sizing:border-box}.video-controls-bar input[type=range]{flex:1 1;min-width:0}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.title{font-size:24px;font-weight:700;margin:0 0 var(--space-2);letter-spacing:-.02em}.muted{color:var(--text-secondary);font-size:14px;line-height:1.5}.status{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-soft)}label{display:block;font-size:14px;font-weight:500;margin-bottom:var(--space-1);color:var(--text-secondary)}.file-upload-zone{position:relative;min-height:96px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px dashed var(--border);background:rgba(255,255,255,.03);transition:border-color var(--transition),background var(--transition)}.file-upload-zone:hover{border-color:rgba(109,93,251,.5);background:rgba(109,93,251,.06)}.file-upload-zone:focus-within{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.2)}.file-upload-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:none;border-radius:inherit;background:transparent;color:transparent;cursor:pointer;opacity:0}.file-upload-zone input[type=file]:disabled{cursor:not-allowed}.file-upload-zone__text{font-size:14px;color:var(--text-secondary);text-align:center;pointer-events:none;padding:var(--space-2)}.file-upload-zone:has(input:disabled) .file-upload-zone__text{opacity:.7}input[type=file]{width:100%;padding:var(--space-2);border-radius:var(--radius);border:1px dashed var(--border);background:rgba(255,255,255,.03);color:var(--text);transition:border-color var(--transition),background var(--transition)}input[type=file]:hover{border-color:rgba(109,93,251,.5);background:rgba(109,93,251,.06)}input[type=file]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.2)}select{padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);font-size:14px;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition)}select:hover{border-color:rgba(255,255,255,.2)}select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(109,93,251,.2)}.btnLink{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-btn);font-size:14px;font-weight:600;border:1px solid var(--border);background:rgba(255,255,255,.04);box-shadow:0 1px 2px rgba(0,0,0,.1);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background-color var(--transition)}.btnLink,.btnLink:hover{text-decoration:none;color:var(--text)}.btnLink:hover{transform:scale(1.02);border-color:rgba(109,93,251,.4);background:rgba(109,93,251,.08);box-shadow:var(--shadow-soft),0 0 20px rgba(109,93,251,.15)}.btnLink[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.2);border-top:2px solid var(--accent);display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{color:#8B7CFE;text-decoration:underline}.error{color:var(--danger);white-space:pre-wrap}.ok{color:var(--ok)}.kv{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:13px;color:var(--text-secondary)}.btn-toggle-active,button.btn-toggle-active{background:rgba(52,211,153,.15)!important;border-color:rgba(52,211,153,.4)!important;color:var(--ok)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1}}.animate-fade-in{animation:fadeInUp .5s var(--ease-out) forwards}@media (max-width:768px){body{padding-top:116px}.site-header-inner{padding:var(--space-2) var(--space-2);gap:var(--space-2)}.site-nav{order:3;width:100%;flex-wrap:wrap;justify-content:center;gap:var(--space-1)}.site-logo-text{font-size:16px}.container{padding:0 var(--space-2) var(--space-6)}.card{padding:var(--space-3) var(--space-2)}.app-header{padding:var(--space-2) var(--space-2) var(--space-4)}.section-templates{padding:var(--space-4) var(--space-2)}.template-samples-layout{display:flex;flex-direction:column;width:100%;max-width:100%;height:auto;gap:var(--space-3);--examples-h:auto}.template-samples-left,.template-samples-right{width:100%;min-width:0}.template-samples-right{grid-template-rows:none;display:flex;flex-direction:column;gap:var(--space-3)}.template-sample-card--vertical .template-sample-card__preview{max-width:280px;margin-left:auto;margin-right:auto}.generation-step__body{padding-left:0}.btn-generate,.hero-cta-btn{width:100%;min-width:0;box-sizing:border-box}.download-row{flex-direction:column;align-items:stretch}.download-row .btn-download{width:100%;box-sizing:border-box}.pricing-grid{max-width:100%;padding:0 var(--space-1)}.hero,.how-it-works,.pricing-section,.samples-section,.section-contacts,.section-faq,.site-footer{padding-left:var(--space-2);padding-right:var(--space-2)}.signin-modal{margin:var(--space-2);padding:var(--space-3)}select{width:100%;max-width:100%;box-sizing:border-box}}@media (max-width:480px){.site-header-inner{padding:var(--space-1) var(--space-2)}.hero-step__box{width:100%;max-width:200px;min-width:0}.template-cards{flex-direction:column;align-items:stretch}.template-card{min-width:0;max-width:none;flex:1 1 auto}.file-upload-zone{min-height:80px}.app-main{max-width:100%}.preview-video{max-width:100%;height:auto}.hero-mockup-screen{border-radius:var(--radius)}}