:root{--primary:#6355dc;--primary-dark:#4a3db8;--primary-light:#8b5cf6;--gradient-start:#6355dc;--gradient-end:#8b5cf6;--bg-dark:#0a0a0f;--bg-card:#fff;--bg-card-dark:#1a1a2e;--text-light:#f8f9fa;--text-dark:#1a1a2e;--text-muted:#6c757d;--text-muted-dark:#a0a0b0;--border-light:#e9ecef;--border-dark:#2a2a3e;--success:#10b981;--warning:#f59e0b;--shadow-sm:0 4px 12px #0000000d;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #00000026;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);scroll-behavior:smooth;background:linear-gradient(135deg,#faf7e8 0%,#fff 100%);font-family:system-ui,-apple-system,Inter,Segoe UI,Roboto,Helvetica,sans-serif;line-height:1.5}.history-video-page{max-width:1440px;margin:0 auto;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 24px}section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-tag{text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:13px;font-weight:600;display:inline-block}.section-header h2{background:linear-gradient(135deg,var(--text-dark),#2d2d44);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(28px,5vw,40px);font-weight:700}.section-header p{color:var(--text-muted);max-width:640px;margin:0 auto;font-size:18px}.hero-section{color:var(--text-light);background:linear-gradient(135deg,#1a1208 0%,#2a1a0a 100%);border-radius:0 0 40px 40px;padding:100px 0 80px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 30%,#8b5cf61f,#0000 60%);position:absolute;inset:0}.hero-section .container{z-index:2;text-align:center;position:relative}.hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary-light);background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:40px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-block}.hero-title{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(36px,7vw,64px);font-weight:800;line-height:1.2}.gradient{background:linear-gradient(135deg,#c4b5fd,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#fffc;max-width:680px;margin:0 auto 32px;font-size:clamp(16px,4vw,20px)}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:40px;display:flex}.cta-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;transition:var(--transition);border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #6355dc66}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6355dc80}.cta-secondary{color:#fff;transition:var(--transition);background:0 0;border:1.5px solid #ffffff4d;border-radius:40px;align-items:center;gap:8px;padding:12px 28px;font-weight:600;text-decoration:none;display:inline-flex}.cta-secondary:hover{background:#ffffff1a;border-color:#ffffff80}.trust-badge{color:#fff9;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:24px;padding-top:20px;font-size:13px;display:flex}.trust-badge span{align-items:center;gap:6px;display:inline-flex}.use-cases-section{background:#fff}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;display:grid}.use-case-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-sm);padding:28px}.use-case-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px)}.card-icon{margin-bottom:20px;font-size:40px}.use-case-card h3{margin-bottom:12px;font-size:20px;font-weight:700}.use-case-card p{color:var(--text-muted);margin-bottom:16px;line-height:1.5}.internal-link{color:var(--primary);transition:var(--transition);align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.internal-link:hover{color:var(--primary-dark);gap:8px}.examples-section{background:#faf8f0}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.example-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;overflow:hidden}.example-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.example-video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#2a1a0a,#3a2a1a);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.play-icon{opacity:.7;transition:var(--transition);font-size:48px}.example-card:hover .play-icon{opacity:1;transform:scale(1.05)}.example-label{color:#fffc;font-size:13px;font-weight:500}.example-details{color:var(--text-muted);border-top:1px solid var(--border-light);background:#fafafa;padding:16px;font-size:13px}.example-details strong{color:var(--text-dark)}.steps-section{background:#fff}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-bottom:48px;display:grid}.step-item{text-align:center}.step-number{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:60px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:20px;font-weight:700;display:flex}.step-item h3{margin-bottom:12px;font-size:18px;font-weight:700}.step-item p{color:var(--text-muted);font-size:14px;line-height:1.6}.steps-cta{text-align:center}.best-practices-section{background:linear-gradient(135deg,#f0eefb,#faf9ff)}.practices-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.practice{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--primary);background:#fff;padding:24px}.practice h3{margin-bottom:12px;font-size:18px}.practice p{color:var(--text-muted);font-size:14px;line-height:1.6}.mistakes-section{background:#fff}.mistakes-list{max-width:720px;margin:0 auto}.mistake{border-bottom:1px solid var(--border-light);align-items:flex-start;gap:16px;padding:20px 0;display:flex}.mistake:last-child{border-bottom:none}.mistake-icon{flex-shrink:0;font-size:20px}.mistake strong{color:var(--text-dark)}.mistake div{color:var(--text-muted);line-height:1.5}.advanced-section{background:#faf8f0}.advanced-tips{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.advanced-tip{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:28px}.advanced-tip h3{color:var(--primary-dark);margin-bottom:12px;font-size:18px}.advanced-tip p{color:var(--text-muted);line-height:1.6}.prompt-box-section{color:#fff;background:linear-gradient(135deg,#1a1208,#2a1a0a);border-radius:40px;margin:40px 0;overflow:hidden}.prompt-box-section .container{padding:0}.prompt-card{text-align:center;max-width:800px;margin:0 auto;padding:48px 32px}.prompt-card h3{background:linear-gradient(135deg,#fff,#c4b5fd);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:28px;font-weight:700}.prompt-card p{color:#fffc;margin-bottom:24px}.prompt-form{flex-direction:column;gap:16px;display:flex}.prompt-textarea{border-radius:var(--radius-md);resize:vertical;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;transition:var(--transition);background:#ffffff1a;border:none;padding:16px;font-family:inherit;font-size:14px}.prompt-textarea:focus{background:#ffffff26;outline:none;box-shadow:0 0 0 2px #8b5cf680}.prompt-textarea::placeholder{color:#ffffff80}.prompt-submit{align-self:center}.prompt-note{color:#ffffff80;margin-top:16px;font-size:12px}.faq-section{background:#fff}.faq-grid{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{border-radius:var(--radius-md);background:#faf8f0;overflow:hidden}.faq-item summary{cursor:pointer;transition:var(--transition);align-items:center;gap:12px;padding:20px 24px;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"▶";color:var(--primary);font-size:12px;transition:transform .2s}.faq-item[open] summary:before{transform:rotate(90deg)}.faq-item:hover summary{background:#efe8d8}.faq-answer{color:var(--text-muted);border-top:1px solid var(--border-light);padding:0 24px 24px 48px;line-height:1.6}.faq-answer .internal-link{margin-top:12px;display:inline-block}.final-cta-section{padding:40px 0 80px}.final-cta-card{text-align:center;color:#fff;background:linear-gradient(135deg,#1a1208,#0a0804);border-radius:40px;padding:64px 32px}.final-cta-card h2{margin-bottom:16px;font-size:clamp(24px,5vw,36px)}.final-cta-card p{color:#fffc;max-width:560px;margin-bottom:32px;margin-left:auto;margin-right:auto}.cta-large{padding:16px 36px;font-size:18px}.final-note{color:#ffffff80;margin-top:20px;font-size:13px}.internal-links-footer{border-top:1px solid var(--border-light);background:#faf8f0;padding:48px 0 24px}.internal-links-footer h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);text-align:center;margin-bottom:20px;font-size:14px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}.footer-links a{color:var(--text-dark);transition:var(--transition);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--primary)}.copyright{text-align:center;border-top:1px solid var(--border-light);padding-top:24px}.copyright a{color:var(--text-muted);font-size:13px;text-decoration:none}.copyright a:hover{color:var(--primary)}@media (max-width:1024px){section{padding:60px 0}.hero-section{padding:80px 0 60px}}@media (max-width:768px){.container{padding:0 20px}section{padding:48px 0}.section-header{margin-bottom:32px}.use-cases-grid{gap:20px}.use-case-card{padding:20px}.steps-grid{gap:24px}.prompt-card{padding:32px 20px}.prompt-card h3{font-size:24px}.final-cta-card{padding:40px 20px}.footer-links{flex-direction:column;align-items:center;gap:16px}.trust-badge{gap:12px}}@media (max-width:480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.cta-primary,.cta-secondary{padding:10px 20px;font-size:14px}.use-case-card h3{font-size:18px}.step-number{width:40px;height:40px;font-size:18px}.faq-item summary{padding:16px;font-size:14px}.faq-answer{padding:0 16px 16px 40px;font-size:14px}.prompt-card h3{font-size:20px}}@media (prefers-color-scheme:dark){:root{--bg-card:#1a1a2e;--border-light:#2a2a3e;--text-muted:#a0a0b0}body{color:#f8f9fa;background:#0a0a0f}.use-cases-section,.steps-section,.mistakes-section,.faq-section{background:#0f0f1a}.use-case-card,.practice,.advanced-tip,.example-card{background:#1a1a2e;border-color:#2a2a3e}.example-details{background:#12121f;border-color:#2a2a3e}.example-details strong{color:#f8f9fa}.faq-item{background:#12121f}.faq-item[open] .faq-answer{border-color:#2a2a3e}.internal-links-footer{background:#0f0f1a;border-color:#2a2a3e}.footer-links a{color:#c0c0d0}.footer-links a:hover{color:var(--primary-light)}.best-practices-section,.advanced-section{background:#0a0a12}.examples-section{background:#0f0f1a}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-section,.use-case-card,.example-card,.step-item,.practice,.advanced-tip,.faq-item{animation:.6s forwards fadeInUp}.use-case-card:first-child{animation-delay:50ms}.use-case-card:nth-child(2){animation-delay:.1s}.use-case-card:nth-child(3){animation-delay:.15s}.use-case-card:nth-child(4){animation-delay:.2s}