<script src="https://app.easy.tools/cookies/scripts/ca7e14560e3349e49ad6b741ae0b5048.js" type="text/javascript"></script>
© 2026 **Dina and Agnes.** All rights reserved.
<script>
(function () {
const checkoutUrl = "https://checkout.dinaandagnes.com/checkout/creator-asset-pack?ee_id=U1R_5PPRglafvelydc9bi";
const showAfterScroll = 600;
const styles = document.createElement("style");
styles.innerHTML = `
#cap-floating-btn {
position: fixed !important;
right: 24px !important;
bottom: 24px !important;
z-index: 2147483647 !important;
height: 48px !important;
padding: 0 24px !important;
border: 0 !important;
border-radius: 999px !important;
background: #02E482 !important;
color: #ffffff !important;
font-family: Inter, Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
cursor: pointer !important;
box-shadow: 0 14px 34px rgba(0,0,0,.26) !important;
white-space: nowrap !important;
opacity: 0 !important;
visibility: hidden !important;
transform: translateY(12px) scale(1) !important;
pointer-events: none !important;
transition: opacity .28s ease, transform .28s ease, visibility .28s ease, box-shadow .28s ease !important;
}
#cap-floating-btn.cap-visible {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
pointer-events: auto !important;
}
#cap-floating-btn .cap-btn-inner {
display: flex !important;
align-items: center !important;
gap: 10px !important;
transform: scale(1);
}
#cap-floating-btn .cap-icon {
font-size: 18px !important;
line-height: 1 !important;
}
#cap-floating-btn.cap-pulse .cap-btn-inner {
animation: cap-real-pulse .65s ease-in-out !important;
}
#cap-floating-btn.cap-pulse {
box-shadow: 0 18px 46px rgba(2,228,130,.46) !important;
}
@keyframes cap-real-pulse {
0% { transform: scale(1); }
45% { transform: scale(1.07); }
100% { transform: scale(1); }
}
@media (hover: hover) and (pointer: fine) {
#cap-floating-btn.cap-visible:hover {
transform: translateY(0) scale(1.03) !important;
box-shadow: 0 16px 38px rgba(0,0,0,.30) !important;
}
}
#cap-popup-overlay {
position: fixed !important;
inset: 0 !important;
z-index: 2147483646 !important;
display: none !important;
align-items: center !important;
justify-content: center !important;
background: rgba(9,12,25,.78) !important;
backdrop-filter: blur(3px) !important;
}
#cap-popup-overlay.active {
display: flex !important;
}
#cap-popup {
width: min(92vw, 620px) !important;
height: min(88vh, 860px) !important;
background: #ffffff !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 30px 90px rgba(0,0,0,.45) !important;
}
#cap-popup iframe {
width: 100% !important;
height: 100% !important;
border: 0 !important;
display: block !important;
}
#cap-close {
position: fixed !important;
top: 22px !important;
right: 30px !important;
z-index: 2147483647 !important;
border: 0 !important;
background: transparent !important;
color: #ffffff !important;
font-size: 42px !important;
cursor: pointer !important;
}
@media (max-width: 640px) {
#cap-floating-btn {
right: 18px !important;
bottom: 22px !important;
height: 46px !important;
padding: 0 22px !important;
font-size: 15px !important;
}
#cap-popup-overlay {
display: none !important;
}
}
`;
const button = document.createElement("button");
button.id = "cap-floating-btn";
button.type = "button";
button.innerHTML = `
<span class="cap-btn-inner">
<span class="cap-icon">✦</span>
<span>Creator Asset Pack</span>
</span>
`;
const overlay = document.createElement("div");
overlay.id = "cap-popup-overlay";
overlay.innerHTML = `
<button id="cap-close" type="button">×</button>
<div id="cap-popup">
<iframe src="${checkoutUrl}" title="Creator Asset Pack Checkout"></iframe>
</div>
`;
document.head.appendChild(styles);
document.body.appendChild(button);
document.body.appendChild(overlay);
function toggleFloatingButton() {
if (window.scrollY > showAfterScroll) {
button.classList.add("cap-visible");
} else {
button.classList.remove("cap-visible");
}
}
function pulseButton() {
if (!button.classList.contains("cap-visible")) return;
button.classList.add("cap-pulse");
setTimeout(function () {
button.classList.remove("cap-pulse");
}, 700);
}
window.addEventListener("scroll", toggleFloatingButton, { passive: true });
window.addEventListener("load", toggleFloatingButton);
toggleFloatingButton();
setInterval(pulseButton, 10000);
button.addEventListener("click", function () {
if (window.innerWidth <= 640) {
window.location.href = checkoutUrl;
return;
}
overlay.classList.add("active");
document.body.style.overflow = "hidden";
});
overlay.addEventListener("click", function (e) {
if (e.target.id === "cap-popup-overlay" || e.target.id === "cap-close") {
overlay.classList.remove("active");
document.body.style.overflow = "";
}
});
})();
</script>
<a href="https://checkout.dinaandagnes.com/checkout/creator-asset-pack?ee_id=Qb3x52FwubjSOhQbqxSms"
target="_blank"
rel="noopener noreferrer">
<section class="da-about-section">
<div class="da-about-container">
<div class="da-about-image">
<img
src="https://github.com/user-attachments/assets/b880bcb7-31d9-42ba-beb6-99d890d128ce"
alt="Dina & Agnes">
</div>
<div class="da-about-content">
<h2>Meet Dina & Agnes</h2>
<p>
We’re two creators who live in CapCut, testing, breaking, and rebuilding
workflows until they actually work.
</p>
<p>
Our YouTube channel grew from one simple idea: showing creators real,
practical ways to make better edits. No fluff, no overcomplicated tutorials.
</p>
<p>
The assets and the workspace came directly from our own process. We needed
faster edits and a way to keep our content business from falling apart, so we
built them. We still use both every single day.
</p>
<p>
What you get from us isn’t a product made to sell. It’s a system that already
works.
</p>
<a
href="https://www.youtube.com/@dinaandagnes"
target="_blank"
rel="noopener noreferrer"
class="da-about-button">
Watch Us on YouTube
</a>
</div>
</div>
</section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.da-about-section{
padding:90px 20px;
background:#f7f8f5;
font-family:'Inter',sans-serif;
}
.da-about-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
gap:70px;
}
.da-about-image{
flex:0 0 430px;
display:flex;
justify-content:center;
}
.da-about-image img{
width:430px;
height:430px;
border-radius:20%;
object-fit:cover;
display:block;
}
.da-about-content{
flex:1;
}
.da-about-content h2{
font-size:44px;
font-weight:500;
line-height:1.1;
margin:0 0 28px;
color:#111;
}
.da-about-content p{
font-size:15px;
line-height:1.5;
color:#111;
margin:0 0 22px;
}
.da-about-button{
display:inline-flex;
align-items:center;
justify-content:center;
margin-top:18px;
padding:16px 34px;
background:#02E482;
color:#fff;
font-size:17px;
font-weight:700;
border-radius:999px;
text-decoration:none;
transition:.25s ease;
}
.da-about-button:hover{
background:#00c76d;
transform:translateY(-2px);
}
@media (max-width:900px){
.da-about-container{
flex-direction:column;
text-align:center;
gap:40px;
}
.da-about-image{
flex:unset;
}
.da-about-image img{
width:320px;
height:320px;
}
.da-about-content h2{
font-size:40px;
}
.da-about-content p{
font-size:18px;
}
}
</style>
<section class="da-syllabus" aria-labelledby="da-syllabus-title">
<style>
.da-syllabus {
--green: #02e482;
--green-deep: #00bd6a;
--mint: #c9f7e1;
--ink: #1d1d1f;
--muted: #626368;
--page: #f7f8f5;
--surface: #fbfcf9;
--line: rgba(29, 29, 31, .14);
width: 100%;
margin: 0;
padding: 0px 0 clamp(72px, 9vw, 122px);
background: var(--page);
color: var(--ink);
font-family: Inter, Arial, sans-serif;
}
.da-syllabus *,
.da-syllabus *::before,
.da-syllabus *::after {
box-sizing: border-box;
}
.da-syllabus-inner {
display: grid;
grid-template-columns: minmax(270px, .72fr) minmax(0, 1.55fr);
gap: clamp(58px, 8vw, 122px);
align-items: start;
width: min(1200px, calc(100% - 56px));
margin-inline: auto;
}
.da-syllabus-intro {
position: sticky;
top: 124px;
}
.da-eyebrow {
display: inline-flex;
align-items: center;
min-height: 38px;
padding: 7px 18px;
border: 2px solid var(--green);
border-radius: 999px;
background: rgba(2, 228, 130, .15);
color: var(--green-deep);
font-size: 12px;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
}
.da-syllabus-intro h2 {
max-width: 450px;
margin: 27px 0 0;
font-size: clamp(42px, 4.5vw, 64px);
font-weight: 600;
line-height: .98;
letter-spacing: -.07em;
}
.da-syllabus-intro p {
max-width: 420px;
margin: 28px 0 0;
color: var(--muted);
font-size: clamp(16px, 1.35vw, 19px);
line-height: 1.7;
}
.da-content-head {
margin-bottom: 24px;
}
.da-content-head p {
margin: 0;
color: var(--green-deep);
font-size: 12px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
}
.da-content-head h3 {
margin: 8px 0 0;
font-size: clamp(29px, 3vw, 42px);
font-weight: 600;
line-height: 1.12;
letter-spacing: -.045em;
}
.da-modules {
border-top: 1px solid var(--line);
}
.da-module {
margin: 0;
overflow: clip;
border: 0;
border-bottom: 1px solid var(--line);
border-radius: 0;
background: transparent;
transition:
background 220ms ease,
border-color 220ms ease,
border-radius 220ms ease,
box-shadow 220ms ease;
}
.da-module[open] {
margin: 12px 0;
border: 2px solid var(--green);
border-radius: 24px;
background: linear-gradient(
120deg,
rgba(247, 248, 245, .98),
rgba(201, 247, 225, .78)
);
box-shadow: 0 15px 38px rgba(29, 29, 31, .07);
}
.da-module summary {
position: relative;
display: flex;
align-items: center;
min-height: 104px;
padding: 24px 70px 24px 0;
list-style: none;
cursor: pointer;
}
.da-module summary::-webkit-details-marker {
display: none;
}
.da-module[open] summary {
min-height: 96px;
padding: 25px 68px 18px 28px;
}
.da-title {
display: flex;
gap: 18px;
align-items: center;
}
.da-number {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: var(--ink);
color: #ffffff;
font-size: 15px;
font-weight: 700;
transition: background 180ms ease, color 180ms ease;
}
.da-module[open] .da-number {
background: var(--green);
color: #ffffff;
}
.da-module h3 {
margin: 0;
font-size: clamp(19px, 1.65vw, 23px);
font-weight: 600;
line-height: 1.28;
letter-spacing: -.025em;
}
.da-count {
margin-top: 5px;
color: var(--muted);
font-size: 14px;
}
.da-arrow {
position: absolute;
right: 7px;
top: 50%;
width: 30px;
height: 30px;
color: transparent;
font-size: 0;
transform: translateY(-50%);
}
.da-module[open] .da-arrow {
right: 25px;
}
.da-arrow::before,
.da-arrow::after {
position: absolute;
left: 50%;
top: 50%;
width: 18px;
height: 2px;
border-radius: 2px;
background: var(--ink);
content: "";
transform: translate(-50%, -50%);
transition: transform 180ms ease;
}
.da-arrow::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.da-module[open] .da-arrow::after {
transform: translate(-50%, -50%) rotate(0);
}
.da-lessons {
padding: 0 68px 28px 88px;
}
.da-lesson {
padding: 22px 0 5px;
border-top: 1px solid var(--line);
}
.da-lesson h4 {
margin: 0 0 8px;
font-size: 17px;
font-weight: 650;
letter-spacing: -.015em;
}
.da-problem {
margin-bottom: 8px;
color: var(--green-deep);
font-size: 14px;
font-weight: 650;
}
.da-description {
color: var(--muted);
font-size: 15px;
line-height: 1.6;
}
@media (max-width: 980px) {
.da-syllabus-inner {
grid-template-columns: 1fr;
gap: 64px;
}
.da-syllabus-intro {
position: static;
text-align: center;
}
.da-syllabus-intro h2,
.da-syllabus-intro p {
margin-inline: auto;
}
}
@media (max-width: 700px) {
.da-syllabus {
padding: 30px 0 64px;
}
.da-syllabus-inner {
width: min(100% - 32px, 1200px);
gap: 54px;
}
.da-syllabus-intro h2 {
margin-top: 23px;
font-size: clamp(38px, 11vw, 50px);
}
.da-syllabus-intro p {
margin-top: 23px;
font-size: 16px;
}
.da-content-head h3 {
font-size: 31px;
}
.da-module summary {
min-height: 88px;
padding: 20px 52px 20px 0;
}
.da-module[open] {
border-radius: 20px;
}
.da-module[open] summary {
min-height: 82px;
padding: 21px 52px 15px 19px;
}
.da-title {
gap: 13px;
}
.da-number {
width: 38px;
height: 38px;
font-size: 13px;
}
.da-module h3 {
font-size: 18px;
}
.da-count {
font-size: 12px;
}
.da-arrow {
right: 1px;
}
.da-module[open] .da-arrow {
right: 14px;
}
.da-lessons {
padding: 0 20px 22px;
}
.da-lesson {
padding-top: 19px;
}
.da-description {
font-size: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
.da-syllabus *,
.da-syllabus *::before,
.da-syllabus *::after {
transition-duration: .01ms !important;
}
}
</style>
<div class="da-syllabus-inner">
<div class="da-syllabus-intro">
<span class="da-eyebrow">Course syllabus</span>
<h2 id="da-syllabus-title">
Everything you’ll learn.
</h2>
<p>
Build your CapCut skills from the foundations through to complete
YouTube and short-form edits. Open any module to explore the lessons
inside.
</p>
</div>
<div class="da-syllabus-content">
<div class="da-content-head">
<p>Practical modules + bonus content</p>
<h3>Your CapCut learning path</h3>
</div>
<div class="da-modules">
<details class="da-module" open>
<summary>
<div class="da-title">
<div class="da-number">01</div>
<div>
<h3>CapCut Foundations</h3>
<div class="da-count">3 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>Interface & Timeline</h4>
<div class="da-problem">
“I opened CapCut but feel lost.”
</div>
<div class="da-description">
Master the workspace, timeline, layers, playhead, trimming,
splitting and essential editing controls.
</div>
</div>
<div class="da-lesson">
<h4>Clip Organisation</h4>
<div class="da-problem">
“My timeline becomes a mess.”
</div>
<div class="da-description">
Learn professional organisation with naming, grouping,
compound clips, nesting and layer management.
</div>
</div>
<div class="da-lesson">
<h4>Export Settings</h4>
<div class="da-problem">
“My videos export wrong.”
</div>
<div class="da-description">
Understand resolution, frame rate, bitrate, formats and quality
settings for professional exports.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">02</div>
<div>
<h3>Cutting Techniques</h3>
<div class="da-count">5 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>Professional Cutting & Pacing</h4>
<div class="da-problem">
“My edits feel awkward.”
</div>
<div class="da-description">
Create smoother edits by removing pauses, improving rhythm and
controlling your viewer’s attention.
</div>
</div>
<div class="da-lesson">
<h4>J-Cuts & L-Cuts</h4>
<div class="da-problem">
“My edits feel abrupt.”
</div>
<div class="da-description">
Use professional audio transitions that make videos feel
natural and polished.
</div>
</div>
<div class="da-lesson">
<h4>Jump Cuts & Creative Cuts</h4>
<div class="da-problem">
“My videos feel slow.”
</div>
<div class="da-description">
Build faster pacing with cinematic cuts, motion matching and
seamless transitions.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">03</div>
<div>
<h3>Visual Editing Techniques</h3>
<div class="da-count">5 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>Keyframes</h4>
<div class="da-problem">
“My edits look static.”
</div>
<div class="da-description">
Animate movement, scale, rotation, opacity and create smooth
professional motion.
</div>
</div>
<div class="da-lesson">
<h4>Masking</h4>
<div class="da-problem">
“My edits lack depth.”
</div>
<div class="da-description">
Create reveals, overlays and advanced effects using masks and
animation.
</div>
</div>
<div class="da-lesson">
<h4>Kinetic Typography</h4>
<div class="da-problem">
“My captions look boring.”
</div>
<div class="da-description">
Design animated text that grabs attention and keeps viewers
watching.
</div>
</div>
<div class="da-lesson">
<h4>UI Graphics</h4>
<div class="da-problem">
“My tutorials are unclear.”
</div>
<div class="da-description">
Build professional graphics, callouts, shapes and animated
elements.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">04</div>
<div>
<h3>Effects & Transitions</h3>
<div class="da-count">3 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>CapCut Effects & Creative Effects</h4>
<div class="da-problem">
“My edits look simple.”
</div>
<div class="da-description">
Learn how to use effects properly instead of relying on random
presets.
</div>
</div>
<div class="da-lesson">
<h4>Transitions</h4>
<div class="da-problem">
“My cuts feel awkward.”
</div>
<div class="da-description">
Create smoother transitions and understand when to use them.
</div>
</div>
<div class="da-lesson">
<h4>Speed Ramping</h4>
<div class="da-problem">
“My edits feel flat.”
</div>
<div class="da-description">
Control speed changes, curves and motion blur for cinematic
movement.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">05</div>
<div>
<h3>Colour & Visual Style</h3>
<div class="da-count">3 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>Colour Basics</h4>
<div class="da-problem">
“My footage looks dull.”
</div>
<div class="da-description">
Learn exposure, contrast, HSL, curves, colour wheels and
professional adjustments.
</div>
</div>
<div class="da-lesson">
<h4>Adjustment Layers & Presets</h4>
<div class="da-problem">
“I recreate colour every video.”
</div>
<div class="da-description">
Create reusable looks and apply professional colour workflows.
</div>
</div>
<div class="da-lesson">
<h4>Filters & Looks</h4>
<div class="da-problem">
“My videos have no visual style.”
</div>
<div class="da-description">
Develop your own visual identity with filters and manual
adjustments.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">06</div>
<div>
<h3>Audio & Sound Design</h3>
<div class="da-count">3 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>Audio Balance</h4>
<div class="da-problem">
“My audio sounds messy.”
</div>
<div class="da-description">
Clean, balance and enhance your voice using CapCut audio tools.
</div>
</div>
<div class="da-lesson">
<h4>Editing to Music</h4>
<div class="da-problem">
“My edits don’t match the music.”
</div>
<div class="da-description">
Learn rhythm, waveform editing and cutting on beat.
</div>
</div>
<div class="da-lesson">
<h4>Sound Effects</h4>
<div class="da-problem">
“My videos feel empty.”
</div>
<div class="da-description">
Add professional sound design that makes edits feel alive.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">07</div>
<div>
<h3>AI Editing Toolkit</h3>
<div class="da-count">3 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>CapCut AI Editing Tools</h4>
<div class="da-problem">
“I don’t understand the AI tools.”
</div>
<div class="da-description">
Use background removal, automatic captions, caption
translation, relighting, motion tracking and AI voice tools
inside CapCut.
</div>
</div>
<div class="da-lesson">
<h4>AI Video Maker</h4>
<div class="da-problem">
“I want AI to help me build videos faster.”
</div>
<div class="da-description">
Turn prompts into storyboards, generate a first edit and refine
the result into a video that still feels like your own.
</div>
</div>
<div class="da-lesson">
<h4>
AI Motion Graphics with ChatGPT, Claude & AI-powered
creative platforms
</h4>
<div class="da-problem">
“I want custom motion graphics without complex software.”
</div>
<div class="da-description">
Plan and create custom motion graphics with ChatGPT, Claude and
AI-powered creative platforms, then bring them into CapCut and
edit them into your footage.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number">08</div>
<div>
<h3>Real-World Editing Styles</h3>
<div class="da-count">6 lessons</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>YouTube Tutorials & Screen Recordings</h4>
<div class="da-problem">
“My tutorial videos are difficult to follow.”
</div>
<div class="da-description">
Edit a clear, engaging tutorial using screen recordings,
talking-head footage, zooms, callouts, highlights and
purposeful pacing.
</div>
</div>
<div class="da-lesson">
<h4>Documentary-Style YouTube Videos</h4>
<div class="da-problem">
“I want my videos to feel researched, visual and
cinematic.”
</div>
<div class="da-description">
Build a Vox- and MagnatesMedia-inspired documentary edit with
voiceover, archive footage, animated text, visual evidence,
map animations and layered sound design.
</div>
</div>
<div class="da-lesson">
<h4>Travel Videos & Vlogs</h4>
<div class="da-problem">
“My travel footage feels like a collection of random
clips.”
</div>
<div class="da-description">
Turn travel and lifestyle footage into a story using selects,
music, pacing, transitions, colour and natural sound.
</div>
</div>
<div class="da-lesson">
<h4>Educational Reels</h4>
<div class="da-problem">
“My educational reels don’t hold attention.”
</div>
<div class="da-description">
Create a fast-paced, teaching reel using a
strong hook, precise cuts, animated captions, visual emphasis,
pattern interrupts and sound effects.
</div>
</div>
<div class="da-lesson">
<h4>Aesthetic Reels</h4>
<div class="da-problem">
“My short-form videos don’t have a consistent mood or
style.”
</div>
<div class="da-description">
Shape an aesthetic reel through shot selection, music, pacing,
colour, typography and subtle transitions that support the
mood.
</div>
</div>
<div class="da-lesson">
<h4>Reels with CapCut Templates</h4>
<div class="da-problem">
“I want polished Reels, but editing them from scratch takes too long.”
</div>
<div class="da-description">
Choose the right CapCut template and replace it with your own media. Refine the timing, framing and audio, then personalise the result so it feels original. Quick and easy.
</div>
</div>
</div>
</details>
<details class="da-module">
<summary>
<div class="da-title">
<div class="da-number" aria-hidden="true">★</div>
<div>
<h3>Bonus Module | CapCut Quick Tips & Tricks</h3>
<div class="da-count">
Bite-sized tips for faster, smarter edits
</div>
</div>
</div>
<div class="da-arrow">+</div>
</summary>
<div class="da-lessons">
<div class="da-lesson">
<h4>Speed & Workflow Shortcuts</h4>
<div class="da-problem">
“I want to edit faster without cutting corners.”
</div>
<div class="da-description">
Discover time-saving shortcuts, hidden tools and practical
workflow tricks that make everyday editing quicker and easier.
</div>
</div>
<div class="da-lesson">
<h4>Timeline & Precision Tricks</h4>
<div class="da-problem">
“Small editing tasks take me too long.”
</div>
<div class="da-description">
Learn quick techniques for cleaner cuts, accurate timing,
smoother movement and better control of your timeline.
</div>
</div>
<div class="da-lesson">
<h4>Polish & Finishing Touches</h4>
<div class="da-problem">
“My edit is finished, but something still feels missing.”
</div>
<div class="da-description">
Apply simple finishing touches that improve captions, audio,
visuals and pacing, often in just a few clicks.
</div>
</div>
</div>
</details>
</div>
</div>
</div>
<script>
(function () {
const syllabus = document.querySelector(".da-syllabus");
if (!syllabus) return;
const modules = Array.from(
syllabus.querySelectorAll(".da-module")
);
modules.forEach(function (module) {
module.addEventListener("toggle", function () {
if (!module.open) return;
modules.forEach(function (other) {
if (other !== module) {
other.open = false;
}
});
});
});
}());
</script>
</section>
<!-- Dina & Agnes — Workflow Animation Only -->
<section id="da-workflow-showcase">
<style>
#da-workflow-showcase {
width: 100%;
margin: 0 auto;
padding: 70px 0 0;
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
box-sizing: border-box;
}
#da-workflow-showcase *,
#da-workflow-showcase {
box-sizing: border-box;
}
#da-workflow-showcase .da-workflow-shell {
width: 100%;
max-width: 1180px;
margin: 0 auto;
padding: 0;
background: transparent;
border: none;
}
#da-workflow-showcase .da-workflow-media {
width: 100%;
max-width: 960px;
margin: 0 auto;
overflow: hidden;
border-radius: 28px;
background: transparent;
border: none;
}
#da-workflow-showcase picture,
#da-workflow-showcase img {
display: block;
width: 100%;
height: auto;
}
#da-workflow-showcase img {
aspect-ratio: 16 / 9;
object-fit: contain;
}
@media (max-width: 768px) {
#da-workflow-showcase .da-workflow-media {
border-radius: 18px;
}
}
</style>
<div class="da-workflow-shell">
<div class="da-workflow-media">
<picture>
<source
srcset="https://dina-agnes-assets.netlify.app/assets/graphics/workflow/dina-agnes-all-assets-editing-timeline-loop.webp"
type="image/webp">
<img
src="https://dina-agnes-assets.netlify.app/assets/graphics/workflow/dina-agnes-all-assets-editing-timeline-loop.gif"
alt="Dina & Agnes Workflow Animation"
width="960"
height="540"
loading="lazy"
decoding="async">
</picture>
</div>
</div>
</section>
One skill. Less than 5 hours to learn. A lifetime to use.
Master CapCut and create videos people remember. Grow the channel you’ve always dreamed of.
**Bring every idea in your head to life with confidence**
Learn more
★★★★★
Join 10,000+ Happy Customers
One Skill. A Lifetime to use.
Master CapCut and create videos people remember. Grow the channel you’ve always dreamed of.
**Bring every idea in your head to life with confidence**
Learn more
★★★★★
Join 10,000+ Happy Customers
Build Something Amazing Together
# Turn editing into a full time income. Create content for brands, clients or yourself.
Inside CapCut Creator Mastery
**A complete roadmap from beginner to confident creator.**
<style>
#da-dream-section,
#da-dream-section * {
box-sizing: border-box;
}
#da-dream-section {
--da-green: #00dc82;
--da-green-dark: #00ad67;
--da-black: #1d1d1f;
--da-grey: #656a66;
--da-background: #f7f8f5;
--da-border: #d8e5dc;
position: relative;
width: 100%;
padding: clamp(70px, 8vw, 120px) 24px 80px;
overflow: hidden;
color: var(--da-black);
background: var(--da-background);
font-family: inherit;
isolation: isolate;
}
#da-dream-section::before {
content: "";
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
width: min(1050px, 90vw);
height: 70%;
pointer-events: none;
background: radial-gradient(
ellipse at center,
rgba(0, 220, 130, 0.14) 0%,
rgba(0, 220, 130, 0.07) 35%,
rgba(0, 220, 130, 0.02) 58%,
transparent 78%
);
filter: blur(55px);
transform: translate(-50%, -50%);
}
#da-dream-section .da-container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
#da-dream-section .da-heading {
max-width: 900px;
margin: 0 auto clamp(45px, 6vw, 70px);
text-align: center;
}
#da-dream-section .da-eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0 0 24px;
padding: 10px 17px;
border: 1px solid rgba(0, 220, 130, 0.55);
border-radius: 999px;
color: var(--da-green-dark);
background: rgba(255, 255, 255, 0.55);
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.13em;
text-transform: uppercase;
}
#da-dream-section .da-eyebrow::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--da-green);
box-shadow: 0 0 0 5px rgba(0, 220, 130, 0.12);
}
#da-dream-section h2 {
max-width: 900px;
margin: 0 auto 24px;
color: var(--da-black);
font-size: clamp(40px, 4.5vw, 62px);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.045em;
text-wrap: balance;
}
#da-dream-section h2 span {
color: var(--da-green);
}
#da-dream-section .da-intro {
max-width: 720px;
margin: 0 auto;
color: var(--da-grey);
font-size: clamp(18px, 1.7vw, 21px);
line-height: 1.65;
text-wrap: balance;
}
#da-dream-section .da-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-bottom: 28px;
}
#da-dream-section .da-card {
min-height: 285px;
padding: 34px;
border: 2px solid var(--da-green);
border-radius: 27px;
background: linear-gradient(
120deg,
rgba(255, 255, 255, 0.9) 0%,
rgba(240, 249, 244, 0.92) 48%,
rgba(216, 247, 232, 0.9) 100%
);
box-shadow: 0 18px 50px rgba(25, 55, 38, 0.06);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
#da-dream-section .da-card:hover {
transform: translateY(-5px);
box-shadow: 0 24px 60px rgba(25, 55, 38, 0.11);
}
#da-dream-section .da-number {
display: grid;
width: 52px;
height: 52px;
margin-bottom: 45px;
place-items: center;
border-radius: 50%;
color: #fff;
background: var(--da-green);
font-size: 15px;
font-weight: 800;
}
#da-dream-section .da-card h3 {
margin: 0 0 13px;
color: var(--da-black);
font-size: 25px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.025em;
}
#da-dream-section .da-card p {
margin: 0;
color: var(--da-grey);
font-size: 16px;
line-height: 1.65;
}
#da-dream-section .da-future {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(34px, 5vw, 62px);
padding: clamp(40px, 6vw, 70px);
border: 1px solid rgba(0, 220, 130, 0.55);
border-radius: 32px;
color: #fff;
background:
radial-gradient(
circle at 88% 18%,
rgba(0, 220, 130, 0.14),
transparent 38%
),
linear-gradient(
135deg,
rgba(29, 29, 31, 0.97),
rgba(29, 29, 31, 0.92)
);
box-shadow: 0 28px 75px rgba(20, 25, 22, 0.16);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
#da-dream-section .da-future-label {
margin: 0 0 17px;
color: var(--da-green);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#da-dream-section .da-future h3 {
margin: 0 0 31px;
color: #fff;
font-size: clamp(27px, 2.4vw, 32px);
font-weight: 650;
line-height: 1.12;
letter-spacing: -0.035em;
white-space: nowrap;
}
#da-dream-section .da-list {
display: grid;
gap: 17px;
margin: 0;
padding: 0;
list-style: none;
}
#da-dream-section .da-list li {
position: relative;
margin: 0;
padding-left: 39px;
color: rgba(255, 255, 255, 0.75);
font-size: 16px;
line-height: 1.55;
}
#da-dream-section .da-list li::before {
content: "✓";
position: absolute;
top: 1px;
left: 0;
display: grid;
width: 25px;
height: 25px;
place-items: center;
border-radius: 50%;
color: #fff;
background: var(--da-green);
font-size: 14px;
font-weight: 900;
}
#da-dream-section .da-cta-panel {
align-self: center;
padding: clamp(29px, 3.5vw, 42px);
border: 1px solid rgba(0, 220, 130, 0.48);
border-radius: 25px;
background:
radial-gradient(
circle at 100% 0%,
rgba(0, 220, 130, 0.12),
transparent 45%
),
rgba(29, 29, 31, 0.7);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.08),
0 22px 55px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
#da-dream-section .da-cta-panel h4 {
margin: 0 0 15px;
color: #fff;
font-size: clamp(23px, 2vw, 29px);
font-weight: 650;
line-height: 1.12;
letter-spacing: -0.035em;
white-space: nowrap;
}
#da-dream-section .da-cta-panel > p {
margin: 0 0 27px;
color: rgba(255, 255, 255, 0.68);
font-size: 16px;
line-height: 1.65;
}
#da-dream-section .da-course-facts {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px;
margin-bottom: 27px;
}
#da-dream-section .da-fact {
min-width: 0;
padding: 15px 6px;
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 13px;
text-align: center;
background: rgba(255, 255, 255, 0.06);
}
#da-dream-section .da-fact strong {
display: block;
margin-bottom: 4px;
color: var(--da-green);
font-size: 19px;
line-height: 1.1;
}
#da-dream-section .da-fact span {
color: rgba(255, 255, 255, 0.62);
font-size: 11px;
line-height: 1.2;
text-transform: uppercase;
}
#da-dream-section .da-button {
display: inline-flex;
width: 100%;
min-height: 58px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 16px 20px;
border: 2px solid var(--da-green);
border-radius: 999px;
color: #fff;
background: var(--da-green);
box-shadow: 0 14px 35px rgba(0, 220, 130, 0.22);
font-size: 15px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition:
transform 200ms ease,
background 200ms ease,
color 200ms ease;
}
#da-dream-section .da-button:hover {
transform: translateY(-3px);
color: var(--da-black);
background: #fff;
}
#da-dream-section .da-button span {
font-size: 20px;
transition: transform 200ms ease;
}
#da-dream-section .da-button:hover span {
transform: translateX(4px);
}
#da-dream-section .da-button:focus-visible {
outline: 3px solid #fff;
outline-offset: 4px;
}
#da-dream-section .da-small-print {
margin: 15px 0 0 !important;
color: rgba(255, 255, 255, 0.52) !important;
font-size: 12px !important;
text-align: center;
}
#da-dream-section .da-fit-section {
padding-top: clamp(75px, 9vw, 125px);
}
#da-dream-section .da-fit-heading {
max-width: 760px;
margin: 0 auto 45px;
text-align: center;
}
#da-dream-section .da-fit-heading .da-eyebrow {
margin-bottom: 22px;
}
#da-dream-section .da-fit-heading h3 {
margin: 0 0 17px;
color: var(--da-black);
font-size: clamp(38px, 4vw, 56px);
font-weight: 600;
line-height: 1.08;
letter-spacing: -0.04em;
text-wrap: balance;
}
#da-dream-section .da-fit-heading p {
max-width: 630px;
margin: 0 auto;
color: var(--da-grey);
font-size: 18px;
line-height: 1.65;
}
#da-dream-section .da-fit-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
#da-dream-section .da-fit-card {
min-width: 0;
padding: clamp(32px, 4vw, 46px);
border-radius: 28px;
box-shadow: 0 20px 55px rgba(25, 55, 38, 0.07);
}
#da-dream-section .da-fit-card.da-for {
border: 2px solid var(--da-green);
background: linear-gradient(
125deg,
rgba(255, 255, 255, 0.9) 0%,
rgba(235, 249, 242, 0.94) 52%,
rgba(214, 246, 230, 0.94) 100%
);
}
#da-dream-section .da-fit-card.da-not-for {
border: 1px solid rgba(0, 220, 130, 0.45);
background:
radial-gradient(
circle at 100% 0%,
rgba(0, 220, 130, 0.11),
transparent 42%
),
rgba(29, 29, 31, 0.94);
box-shadow: 0 24px 65px rgba(15, 20, 17, 0.14);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
#da-dream-section .da-fit-icon {
display: grid;
width: 48px;
height: 48px;
margin-bottom: 28px;
place-items: center;
border-radius: 50%;
font-size: 21px;
font-weight: 800;
}
#da-dream-section .da-for .da-fit-icon,
#da-dream-section .da-not-for .da-fit-icon {
color: #fff;
background: var(--da-green);
}
#da-dream-section .da-fit-card h4 {
margin: 0 0 25px;
color: var(--da-black);
font-size: clamp(23px, 2vw, 29px);
font-weight: 650;
line-height: 1.15;
letter-spacing: -0.03em;
white-space: nowrap;
}
#da-dream-section .da-not-for h4 {
color: #fff;
}
#da-dream-section .da-fit-list {
display: grid;
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
#da-dream-section .da-fit-list li {
position: relative;
margin: 0;
padding-left: 37px;
color: #555b56;
font-size: 16px;
line-height: 1.55;
}
#da-dream-section .da-not-for .da-fit-list li {
color: rgba(255, 255, 255, 0.7);
}
#da-dream-section .da-fit-list li::before {
position: absolute;
top: 0;
left: 0;
display: grid;
width: 24px;
height: 24px;
place-items: center;
border-radius: 50%;
font-size: 13px;
font-weight: 900;
}
#da-dream-section .da-for .da-fit-list li::before {
content: "✓";
color: #fff;
background: var(--da-green);
}
#da-dream-section .da-not-for .da-fit-list li::before {
content: "–";
color: #fff;
background: rgba(0, 220, 130, 0.82);
}
@media (max-width: 1100px) {
#da-dream-section .da-future h3,
#da-dream-section .da-cta-panel h4 {
white-space: normal;
}
#da-dream-section .da-fit-card h4 {
font-size: 24px;
}
}
@media (max-width: 900px) {
#da-dream-section .da-card-grid,
#da-dream-section .da-future,
#da-dream-section .da-fit-grid {
grid-template-columns: 1fr;
}
#da-dream-section .da-card {
min-height: auto;
}
#da-dream-section .da-number {
margin-bottom: 32px;
}
#da-dream-section .da-fit-card h4 {
white-space: normal;
}
}
@media (max-width: 600px) {
#da-dream-section {
padding: 58px 15px 80px;
}
#da-dream-section .da-heading {
margin-bottom: 40px;
}
#da-dream-section .da-eyebrow {
padding: 9px 13px;
font-size: 11px;
letter-spacing: 0.1em;
}
#da-dream-section h2 {
font-size: 36px;
line-height: 1.08;
}
#da-dream-section .da-intro {
font-size: 17px;
line-height: 1.6;
}
#da-dream-section .da-card-grid {
gap: 15px;
}
#da-dream-section .da-card {
padding: 26px;
border-radius: 23px;
}
#da-dream-section .da-card h3 {
font-size: 23px;
}
#da-dream-section .da-card p {
font-size: 15px;
}
#da-dream-section .da-future {
gap: 38px;
padding: 32px 21px;
border-radius: 25px;
}
#da-dream-section .da-future h3 {
font-size: 30px;
white-space: normal;
}
#da-dream-section .da-list {
gap: 15px;
}
#da-dream-section .da-list li {
padding-left: 35px;
font-size: 15px;
}
#da-dream-section .da-cta-panel {
padding: 27px 18px;
border-radius: 21px;
}
#da-dream-section .da-cta-panel h4 {
font-size: 25px;
white-space: normal;
}
#da-dream-section .da-cta-panel > p {
font-size: 15px;
}
#da-dream-section .da-course-facts {
gap: 6px;
}
#da-dream-section .da-fact {
padding: 13px 3px;
}
#da-dream-section .da-fact strong {
font-size: 17px;
}
#da-dream-section .da-fact span {
font-size: 9px;
}
#da-dream-section .da-button {
min-height: 54px;
padding: 14px 13px;
font-size: 13px;
}
#da-dream-section .da-fit-section {
padding-top: 78px;
}
#da-dream-section .da-fit-heading {
margin-bottom: 35px;
}
#da-dream-section .da-fit-heading h3 {
font-size: 35px;
}
#da-dream-section .da-fit-heading p {
font-size: 16px;
}
#da-dream-section .da-fit-grid {
gap: 16px;
}
#da-dream-section .da-fit-card {
padding: 29px 23px;
border-radius: 24px;
}
#da-dream-section .da-fit-card h4 {
font-size: 25px;
white-space: normal;
}
#da-dream-section .da-not-for h4 {
font-size: clamp(15px, 4.6vw, 18px);
line-height: 1.15;
letter-spacing: -0.025em;
white-space: nowrap;
}
#da-dream-section .da-fit-list li {
padding-left: 34px;
font-size: 15px;
}
}
@media (max-width: 380px) {
#da-dream-section {
padding-right: 12px;
padding-left: 12px;
}
#da-dream-section h2 {
font-size: 32px;
}
#da-dream-section .da-future,
#da-dream-section .da-card,
#da-dream-section .da-fit-card {
padding-right: 19px;
padding-left: 19px;
}
#da-dream-section .da-cta-panel {
padding-right: 14px;
padding-left: 14px;
}
#da-dream-section .da-button {
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
#da-dream-section .da-card,
#da-dream-section .da-button,
#da-dream-section .da-button span {
transition: none;
}
}
</style>
<section id="da-dream-section" aria-labelledby="da-dream-title">
<div class="da-container">
<header class="da-heading">
<p class="da-eyebrow">The real transformation</p>
<h2 id="da-dream-title">
The goal isn’t to know every button.
It’s to make the video in your head <span>real.</span>
</h2>
<p class="da-intro">
CapCut Creator Mastery gives you a clear, repeatable process for
turning raw footage into polished content people want to watch.
No more guessing, endless tutorials or unfinished ideas.
</p>
</header>
<div class="da-card-grid">
<article class="da-card">
<div class="da-number" aria-hidden="true">01</div>
<h3>Create with confidence</h3>
<p>
Open CapCut knowing exactly where to begin and what to do next,
from importing your footage to the final export.
</p>
</article>
<article class="da-card">
<div class="da-number" aria-hidden="true">02</div>
<h3>Develop your own style</h3>
<p>
Turn ordinary footage into distinctive videos that look polished,
feel intentional and are recognisably yours.
</p>
</article>
<article class="da-card">
<div class="da-number" aria-hidden="true">03</div>
<h3>Create new opportunities</h3>
<p>
Build a practical skill you can use for your own channel,
for a client or for a brand.
</p>
</article>
</div>
<div class="da-future">
<div>
<p class="da-future-label">Imagine 30 days from now</p>
<h3>You know exactly how to create it.</h3>
<ul class="da-list">
<li>Your timeline feels organised instead of overwhelming.</li>
<li>
You know how to choose the right cuts, effects and transitions.
</li>
<li>
Your colour, sound and visual storytelling feel intentional.
</li>
<li>
You finish the videos you start and publish with confidence.
</li>
<li>
You feel ready when a creator, client or brand asks for your help.
</li>
</ul>
</div>
<aside class="da-cta-panel">
<h4>Your ideas deserve to be created.</h4>
<p>
Learn the process, build skills you trust and finally bring your
ideas to life with confidence.
</p>
<div class="da-course-facts" aria-label="Course information">
<div class="da-fact">
<strong>8</strong>
<span>Modules</span>
</div>
<div class="da-fact">
<strong>30+</strong>
<span>Lessons</span>
</div>
<div class="da-fact">
<strong>5+</strong>
<span>Hours</span>
</div>
</div>
<a
class="da-button"
href="https://join.dinaandagnes.com/capcut-creator-mastery"
>
Join the October 2026 Waitlist
<span aria-hidden="true">→</span>
</a>
<p class="da-small-print">
Be first to receive the launch date and enrolment details.
</p>
</aside>
</div>
<div class="da-fit-section">
<header class="da-fit-heading">
<p class="da-eyebrow">Is this course right for you?</p>
<h3>Built for creators who are ready to stop guessing.</h3>
<p>
You don’t need previous editing experience. You just need ideas
you want to bring to life and the willingness to practise.
</p>
</header>
<div class="da-fit-grid">
<article class="da-fit-card da-for">
<div class="da-fit-icon" aria-hidden="true">✓</div>
<h4>This course is for you if…</h4>
<ul class="da-fit-list">
<li>
You have ideas for videos but struggle to make them look
the way you imagined.
</li>
<li>
You feel overwhelmed when you open CapCut and don’t know
where to begin.
</li>
<li>
You watch tutorials but still don’t have a clear,
repeatable editing process.
</li>
<li>
You want to create better content for your own channel,
business, clients or brands.
</li>
<li>
You want practical lessons you can follow and use immediately.
</li>
</ul>
</article>
<article class="da-fit-card da-not-for">
<div class="da-fit-icon" aria-hidden="true">–</div>
<h4>This course may not be for you if…</h4>
<ul class="da-fit-list">
<li>
You already edit at an advanced professional level and need
specialist VFX or motion-design training.
</li>
<li>
You want to watch passively without practising or creating
your own edits.
</li>
<li>
You are looking for guaranteed views, virality or income
without putting the skills into action.
</li>
<li>
You want to memorise every CapCut feature instead of learning
a practical editing workflow.
</li>
<li>
You don’t plan to use CapCut to create videos.
</li>
</ul>
</article>
</div>
</div>
</div>
</section>
<style>
#da-dream-section .da-fit-card.da-not-for {
border: 1px solid rgba(255, 45, 85, 0.85);
background:
radial-gradient(
circle at 100% 0%,
rgba(255, 45, 85, 0.12),
transparent 42%
),
rgba(29, 29, 31, 0.94);
box-shadow:
0 0 14px rgba(255, 45, 85, 0.13),
0 24px 65px rgba(15, 20, 17, 0.16);
}
#da-dream-section .da-not-for .da-fit-icon {
background: #ff2d55;
box-shadow:
0 0 8px rgba(255, 45, 85, 0.38),
0 0 16px rgba(255, 45, 85, 0.16);
}
#da-dream-section .da-not-for .da-fit-list li::before {
color: #fff;
background: rgba(255, 45, 85, 0.95);
box-shadow: 0 0 7px rgba(255, 45, 85, 0.28);
}
</style>
<style>
#da-launch-marquee,
#da-launch-marquee * {
box-sizing: border-box;
}
#da-launch-marquee {
width: 100%;
overflow: hidden;
color: #f7f8f5;
background: #00dc82;
margin-bottom: 60px;
}
#da-launch-marquee .da-marquee-track {
display: flex;
width: max-content;
will-change: transform;
animation: da-marquee-scroll 18s linear infinite;
}
#da-launch-marquee .da-marquee-group {
display: flex;
flex-shrink: 0;
align-items: center;
}
#da-launch-marquee .da-marquee-item {
display: flex;
min-height: 42px;
align-items: center;
gap: 26px;
padding: 0 20px;
color: #f7f8f5;
font-family: inherit;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: nowrap;
}
#da-launch-marquee .da-marquee-item::after {
content: "✦";
color: #f7f8f5;
font-size: 10px;
}
@keyframes da-marquee-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 600px) {
#da-launch-marquee .da-marquee-track {
animation-duration: 15s;
}
#da-launch-marquee .da-marquee-item {
min-height: 40px;
gap: 20px;
padding: 0 16px;
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
#da-launch-marquee .da-marquee-track {
animation: none;
}
}
</style>
<div
id="da-launch-marquee"
role="region"
aria-label="Course launches in October"
>
<span
style="
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
"
>
Course Launches In October
</span>
<div class="da-marquee-track" aria-hidden="true">
<div class="da-marquee-group">
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
</div>
<div class="da-marquee-group">
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
<span class="da-marquee-item">Course Launches In October</span>
</div>
</div>
</div>
<style>
#da-launch-marquee,
#da-launch-marquee * {
box-sizing: border-box;
}
#da-launch-marquee {
width: 100%;
overflow: hidden;
color: #f7f8f5;
background: #00dc82;
}
#da-launch-marquee .da-marquee-track {
display: flex;
width: max-content;
will-change: transform;
animation: da-marquee-scroll 18s linear infinite;
}
#da-launch-marquee .da-marquee-group {
display: flex;
flex-shrink: 0;
align-items: center;
}
#da-launch-marquee .da-marquee-item {
display: flex;
min-height: 42px;
align-items: center;
gap: 26px;
padding: 0 20px;
color: #f7f8f5;
font-family: inherit;
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: nowrap;
}
#da-launch-marquee .da-marquee-item::after {
content: "✦";
color: #f7f8f5;
font-size: 10px;
}
@keyframes da-marquee-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 600px) {
#da-launch-marquee .da-marquee-track {
animation-duration: 15s;
}
#da-launch-marquee .da-marquee-item {
min-height: 40px;
gap: 20px;
padding: 0 16px;
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
#da-launch-marquee .da-marquee-track {
animation: none;
}
}
</style>
<div
id="da-launch-marquee"
role="region"
aria-label="FREE Creator Starter Pack"
>
<span
style="
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
"
>
FREE Creator Starter Pack
</span>
<div class="da-marquee-track" aria-hidden="true">
<div class="da-marquee-group">
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
</div>
<div class="da-marquee-group">
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
<span class="da-marquee-item">FREE Creator Starter Pack</span>
</div>
</div>
</div>
**WHY JOIN THE WAITLIST?**
Join early. Save £50.
# Lock in the £149 waitlist price before enrolment opens to everyone at £199. Plus, receive an exclusive bonus, revealed 24 hours before the waitlist closes.
**WHAT’S INSIDE THE STARTER PACK?**
Completely FREE.
# Four practical tools. Better edits. 15 proven CapCut effect tutorials you can follow step by step An Apple Log to Rec.709 conversion LUT for clean, natural colour Social media mattes for the pro look Outline frames for polished videos
<style>
#da-price-lock-section,
#da-price-lock-section * {
box-sizing: border-box;
}
#da-price-lock-section {
--da-green: #00dc82;
--da-green-dark: #00ad67;
--da-black: #1d1d1f;
--da-grey: #656a66;
--da-background: #f7f8f5;
--da-border: #d8e5dc;
position: relative;
width: 100%;
padding: clamp(70px, 8vw, 10px) 24px;
overflow: hidden;
color: var(--da-black);
background: var(--da-background);
font-family: inherit;
isolation: isolate;
}
#da-price-lock-section::before {
content: "";
position: absolute;
z-index: -1;
top: 52%;
left: 50%;
width: min(1100px, 92vw);
height: 75%;
pointer-events: none;
background: radial-gradient(
ellipse at center,
rgba(0, 220, 130, 0.14) 0%,
rgba(0, 220, 130, 0.07) 36%,
rgba(0, 220, 130, 0.02) 60%,
transparent 80%
);
filter: blur(55px);
transform: translate(-50%, -50%);
}
#da-price-lock-section .da-price-container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
}
#da-price-lock-section .da-price-heading {
max-width: 900px;
margin: 0 auto clamp(45px, 6vw, 70px);
text-align: center;
}
#da-price-lock-section .da-price-eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
margin: 0 0 24px;
padding: 10px 17px;
border: 1px solid rgba(0, 220, 130, 0.55);
border-radius: 999px;
color: var(--da-green-dark);
background: rgba(255, 255, 255, 0.55);
font-size: 13px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.13em;
text-transform: uppercase;
}
#da-price-lock-section .da-price-eyebrow::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--da-green);
box-shadow: 0 0 0 5px rgba(0, 220, 130, 0.12);
}
#da-price-lock-section h2 {
max-width: 900px;
margin: 0 auto 24px;
color: var(--da-black);
font-size: clamp(40px, 4.5vw, 62px);
font-weight: 600;
line-height: 1.05;
letter-spacing: -0.045em;
text-wrap: balance;
}
#da-price-lock-section h2 span {
color: var(--da-green);
}
#da-price-lock-section .da-price-intro {
max-width: 760px;
margin: 0 auto;
color: var(--da-grey);
font-size: clamp(18px, 1.7vw, 21px);
line-height: 1.65;
text-wrap: balance;
}
#da-price-lock-section .da-price-card-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
margin-bottom: 28px;
}
#da-price-lock-section .da-price-card {
min-height: 310px;
padding: 34px;
border: 2px solid var(--da-green);
border-radius: 27px;
background: linear-gradient(
120deg,
rgba(255, 255, 255, 0.9) 0%,
rgba(240, 249, 244, 0.92) 48%,
rgba(216, 247, 232, 0.9) 100%
);
box-shadow: 0 18px 50px rgba(25, 55, 38, 0.06);
transition:
transform 220ms ease,
box-shadow 220ms ease;
}
#da-price-lock-section .da-price-card:hover {
transform: translateY(-5px);
box-shadow: 0 24px 60px rgba(25, 55, 38, 0.11);
}
#da-price-lock-section .da-price-number {
display: grid;
width: 52px;
height: 52px;
margin-bottom: 40px;
place-items: center;
border-radius: 50%;
color: #fff;
background: var(--da-green);
font-size: 15px;
font-weight: 800;
}
#da-price-lock-section .da-price-card h3 {
margin: 0 0 14px;
color: var(--da-black);
font-size: 25px;
font-weight: 700;
line-height: 1.15;
letter-spacing: -0.025em;
}
#da-price-lock-section .da-price-card p {
margin: 0;
color: var(--da-grey);
font-size: 16px;
line-height: 1.65;
}
#da-price-lock-section .da-price-card strong {
color: var(--da-green-dark);
}
#da-price-lock-section .da-lock-panel {
display: grid;
grid-template-columns: 1fr 0.85fr;
gap: clamp(35px, 6vw, 72px);
padding: clamp(40px, 6vw, 70px);
border: 1px solid rgba(0, 220, 130, 0.55);
border-radius: 32px;
color: #fff;
background:
radial-gradient(
circle at 88% 18%,
rgba(0, 220, 130, 0.14),
transparent 38%
),
linear-gradient(
135deg,
rgba(29, 29, 31, 0.97),
rgba(29, 29, 31, 0.92)
);
box-shadow: 0 28px 75px rgba(20, 25, 22, 0.16);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
}
#da-price-lock-section .da-lock-label {
margin: 0 0 17px;
color: var(--da-green);
font-size: 13px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
#da-price-lock-section .da-lock-copy h3 {
max-width: 620px;
margin: 0 0 30px;
color: #fff;
font-size: clamp(34px, 3.6vw, 48px);
font-weight: 600;
line-height: 1.08;
letter-spacing: -0.04em;
}
#da-price-lock-section .da-lock-list {
display: grid;
gap: 17px;
margin: 0;
padding: 0;
list-style: none;
}
#da-price-lock-section .da-lock-list li {
position: relative;
margin: 0;
padding-left: 39px;
color: rgba(255, 255, 255, 0.75);
font-size: 16px;
line-height: 1.55;
}
#da-price-lock-section .da-lock-list li::before {
content: "✓";
position: absolute;
top: 1px;
left: 0;
display: grid;
width: 25px;
height: 25px;
place-items: center;
border-radius: 50%;
color: #fff;
background: var(--da-green);
font-size: 14px;
font-weight: 900;
}
#da-price-lock-section .da-offer-box {
align-self: center;
padding: clamp(30px, 4vw, 44px);
border: 1px solid rgba(0, 220, 130, 0.48);
border-radius: 25px;
background:
radial-gradient(
circle at 100% 0%,
rgba(0, 220, 130, 0.12),
transparent 45%
),
rgba(29, 29, 31, 0.7);
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.08),
0 22px 55px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
text-align: center;
}
#da-price-lock-section .da-offer-before {
margin: 0 0 8px;
color: rgba(255, 255, 255, 0.58);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
}
#da-price-lock-section .da-offer-price {
margin: 0;
color: var(--da-green);
font-size: clamp(60px, 7vw, 88px);
font-weight: 750;
line-height: 1;
letter-spacing: -0.06em;
}
#da-price-lock-section .da-offer-name {
margin: 11px 0 24px;
color: #fff;
font-size: 19px;
font-weight: 650;
}
#da-price-lock-section .da-offer-description {
margin: 0 0 26px;
color: rgba(255, 255, 255, 0.68);
font-size: 15px;
line-height: 1.65;
}
#da-price-lock-section .da-price-button {
display: inline-flex;
width: 100%;
min-height: 58px;
align-items: center;
justify-content: center;
gap: 10px;
padding: 16px 20px;
border: 2px solid var(--da-green);
border-radius: 999px;
color: #fff;
background: var(--da-green);
box-shadow: 0 14px 35px rgba(0, 220, 130, 0.22);
font-size: 15px;
font-weight: 800;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition:
transform 200ms ease,
background 200ms ease,
color 200ms ease;
}
#da-price-lock-section .da-price-button:hover {
transform: translateY(-3px);
color: var(--da-black);
background: #fff;
}
#da-price-lock-section .da-price-button span {
font-size: 20px;
transition: transform 200ms ease;
}
#da-price-lock-section .da-price-button:hover span {
transform: translateX(4px);
}
#da-price-lock-section .da-price-button:focus-visible {
outline: 3px solid #fff;
outline-offset: 4px;
}
#da-price-lock-section .da-offer-note {
margin: 15px 0 0;
color: rgba(255, 255, 255, 0.52);
font-size: 12px;
line-height: 1.5;
}
#da-price-lock-section .da-newsletter-note {
max-width: 900px;
margin: 28px auto 0;
padding: 24px 28px;
border: 1px solid rgba(0, 220, 130, 0.36);
border-radius: 20px;
color: var(--da-grey);
background: rgba(255, 255, 255, 0.52);
font-size: 15px;
line-height: 1.65;
text-align: center;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}
#da-price-lock-section .da-newsletter-note strong {
color: var(--da-green-dark);
}
@media (max-width: 900px) {
#da-price-lock-section .da-price-card-grid,
#da-price-lock-section .da-lock-panel {
grid-template-columns: 1fr;
}
#da-price-lock-section .da-price-card {
min-height: auto;
}
}
@media (max-width: 600px) {
#da-price-lock-section {
padding: 58px 15px 10px;
}
#da-price-lock-section .da-price-heading {
margin-bottom: 40px;
}
#da-price-lock-section .da-price-eyebrow {
padding: 9px 13px;
font-size: 11px;
letter-spacing: 0.1em;
}
#da-price-lock-section h2 {
font-size: 36px;
line-height: 1.08;
}
#da-price-lock-section .da-price-intro {
font-size: 17px;
line-height: 1.6;
}
#da-price-lock-section .da-price-card-grid {
gap: 15px;
}
#da-price-lock-section .da-price-card {
padding: 27px;
border-radius: 23px;
}
#da-price-lock-section .da-price-number {
margin-bottom: 30px;
}
#da-price-lock-section .da-price-card h3 {
font-size: 23px;
}
#da-price-lock-section .da-price-card p {
font-size: 15px;
}
#da-price-lock-section .da-lock-panel {
gap: 38px;
padding: 32px 21px;
border-radius: 25px;
}
#da-price-lock-section .da-lock-copy h3 {
font-size: 32px;
}
#da-price-lock-section .da-lock-list li {
padding-left: 35px;
font-size: 15px;
}
#da-price-lock-section .da-offer-box {
padding: 29px 18px;
border-radius: 21px;
}
#da-price-lock-section .da-offer-price {
font-size: 68px;
}
#da-price-lock-section .da-price-button {
min-height: 54px;
padding: 14px 13px;
font-size: 13px;
}
#da-price-lock-section .da-newsletter-note {
padding: 21px 18px;
font-size: 14px;
text-align: left;
}
}
@media (max-width: 380px) {
#da-price-lock-section {
padding-right: 12px;
padding-left: 12px;
}
#da-price-lock-section h2 {
font-size: 32px;
}
#da-price-lock-section .da-price-card,
#da-price-lock-section .da-lock-panel {
padding-right: 19px;
padding-left: 19px;
}
#da-price-lock-section .da-offer-box {
padding-right: 14px;
padding-left: 14px;
}
#da-price-lock-section .da-price-button {
font-size: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
#da-price-lock-section .da-price-card,
#da-price-lock-section .da-price-button,
#da-price-lock-section .da-price-button span {
transition: none;
}
}
</style>
<section
id="da-price-lock-section"
aria-labelledby="da-price-lock-title"
>
<div class="da-price-container">
<header class="da-price-heading">
<p class="da-price-eyebrow">The early-access advantage</p>
<h2 id="da-price-lock-title">
Your price is locked.
The course keeps <span>growing.</span>
</h2>
<p class="da-price-intro">
Join CapCut Creator Mastery early and you won’t only receive the
course as it exists today. Every future module, lesson and course
update we add will be included at no extra cost.
</p>
</header>
<div class="da-price-card-grid">
<article class="da-price-card">
<div class="da-price-number" aria-hidden="true">01</div>
<h3>Lock in the lowest price</h3>
<p>
Join through the initial waitlist for <strong>£149</strong>.
The first standard price will be <strong>£199</strong>, and the
price will continue to rise as the course expands.
</p>
</article>
<article class="da-price-card">
<div class="da-price-number" aria-hidden="true">02</div>
<h3>Every future update included</h3>
<p>
When we add new modules, lessons or improve existing training,
they will automatically be added to your course without another
payment.
</p>
</article>
<article class="da-price-card">
<div class="da-price-number" aria-hidden="true">03</div>
<h3>Help shape what comes next</h3>
<p>
From time to time, students will be invited to vote and share
ideas for future additions. These opportunities will be sent
through our newsletter.
</p>
</article>
</div>
<div class="da-lock-panel">
<div class="da-lock-copy">
<p class="da-lock-label">Buy once. Keep every update.</p>
<h3>
The earlier you join, the more value you lock in.
</h3>
<ul class="da-lock-list">
<li>8 practical course modules</li>
<li>30+ focused lessons</li>
<li>5+ hours of practical training</li>
<li>Every future course update included</li>
<li>Every new module added at no extra cost</li>
<li>Opportunities to influence future additions</li>
</ul>
</div>
<aside class="da-offer-box">
<p class="da-offer-before">Initial waitlist price</p>
<p class="da-offer-price">£149</p>
<p class="da-offer-name">
Lock it in before the course expands
</p>
<p class="da-offer-description">
The course price will increase as new modules, lessons and
resources are added. People joining later will pay more, while
your access to future additions remains included.
</p>
<a
class="da-price-button"
href="https://join.dinaandagnes.com/capcut-creator-mastery"
>
Lock in the £149 waitlist price
<span aria-hidden="true">→</span>
</a>
<p class="da-offer-note">
Buy once and receive future course additions without paying
the higher prices introduced later.
</p>
</aside>
</div>
<p class="da-newsletter-note">
<strong>Stay subscribed to our newsletter.</strong>
This is where we’ll share course updates and occasionally invite
students to vote or suggest what they would like us to add next.
</p>
</div>
</section>
<style>
#da-price-lock-section {
padding-top: 20px !important;
}
@media screen and (max-width: 900px) {
#da-price-lock-section {
padding-top: 10px !important;
}
}
</style>