/* ==========================================================
   Copy Trade Master — landing
   Bảng màu: lụa vàng, son đỏ, mực nâu
   ========================================================== */
:root{
	--ctm-cream:#FFFCF4;
	--ctm-sand:#F8EBCC;
	--ctm-deep:#EBD5A4;
	--ctm-gold:#C08A2E;
	--ctm-gold-soft:#E9C77A;
	--ctm-red:#96201C;
	--ctm-ink:#2E2418;
	--ctm-ink-2:#6B5B44;
	--ctm-green:#147A4B;
	--ctm-line:rgba(192,138,46,.24);
	--ctm-card:rgba(255,255,255,.74);
	--ctm-shadow:0 14px 40px rgba(146,108,38,.12);
	--ctm-display:"Cormorant Garamond",Georgia,serif;
	--ctm-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
	--ctm-wrap:1140px;
}

/* ---------- nền ---------- */
.ctm-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;
	background:
		radial-gradient(120% 90% at 78% 4%, #FFFDF6 0%, #FBF1D9 34%, #F4E2B9 66%, #ECD3A0 100%);
}
.ctm-silk{position:absolute;inset:-20%;opacity:.5;
	background:
		repeating-linear-gradient(112deg, rgba(255,255,255,.55) 0 2px, rgba(255,255,255,0) 2px 26px),
		repeating-linear-gradient(68deg, rgba(192,138,46,.07) 0 1px, rgba(192,138,46,0) 1px 34px);
	filter:blur(.3px);
}
.ctm-deco{position:absolute;top:3%;right:2%;height:min(92vh,980px);width:auto;color:#A9761F;opacity:.13;}
.ctm-deco.has-photo{opacity:.2;top:0;right:-2%;height:min(100vh,1120px);}
.ctm-deco svg{height:100%;width:auto;display:block;}
.ctm-deco img{height:100%;width:auto;display:block;}

/* ---------- nền tảng ---------- */
body.ctm-page{margin:0;background:var(--ctm-cream);}
.ctm-page,.ctm-page *{box-sizing:border-box;}
.ctm-page{font-family:var(--ctm-sans);color:var(--ctm-ink);font-size:17px;line-height:1.65;
	-webkit-font-smoothing:antialiased;}
.ctm-wrap{max-width:var(--ctm-wrap);margin:0 auto;padding:0 24px;position:relative;z-index:1;}
.ctm-page a{color:var(--ctm-red);text-decoration:none;}
.ctm-page a:hover{text-decoration:underline;}
.ctm-page img{max-width:100%;height:auto;}
.ctm-page :focus-visible{outline:2px solid var(--ctm-red);outline-offset:3px;border-radius:4px;}

/* ---------- chữ ---------- */
.ctm-h1{font-family:var(--ctm-display);font-weight:600;font-size:clamp(2.15rem,6.2vw,4.7rem);
	line-height:1.04;letter-spacing:-.012em;margin:.12em 0 .32em;max-width:17ch;}
.ctm-h2{font-family:var(--ctm-display);font-weight:600;font-size:clamp(1.85rem,3.6vw,2.9rem);
	line-height:1.14;margin:.1em 0 .5em;max-width:22ch;}
.ctm-kicker{font-size:.735rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
	color:var(--ctm-red);margin:0 0 .9em;}
.ctm-eyebrow{font-size:.78rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;
	color:var(--ctm-gold);margin:0;}
.ctm-lead{font-size:clamp(1.02rem,1.5vw,1.19rem);color:var(--ctm-ink-2);max-width:60ch;margin:0 0 2rem;}
.ctm-sub{color:var(--ctm-ink-2);max-width:62ch;margin:0 0 3rem;}
.ctm-body{color:var(--ctm-ink-2);margin:0 0 1rem;}

/* ---------- thanh trên ---------- */
.ctm-top{padding:22px 0;position:relative;z-index:5;}
.ctm-top-in{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.ctm-brand{display:flex;align-items:center;gap:11px;color:var(--ctm-ink)!important;text-decoration:none!important;}
.ctm-brand-mark{width:26px;height:26px;color:var(--ctm-gold);display:block;}
.ctm-brand-mark svg{width:100%;height:100%;display:block;}
.ctm-brand-text{font-family:var(--ctm-display);font-weight:700;font-size:1.16rem;letter-spacing:.16em;}
.ctm-nav{display:flex;align-items:center;gap:26px;font-size:.9rem;}
.ctm-nav a{color:var(--ctm-ink-2);}
.ctm-nav a:hover{color:var(--ctm-red);}

/* ---------- nút ---------- */
.ctm-btn{display:inline-block;white-space:nowrap;border:0;cursor:pointer;font-family:var(--ctm-sans);
	font-size:1rem;font-weight:600;padding:.95rem 2.1rem;border-radius:999px;
	text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.ctm-btn-gold{background:linear-gradient(135deg,#E7C171 0%,#C68F30 58%,#AE7620 100%);
	color:#2B1F08!important;box-shadow:0 10px 26px rgba(176,124,32,.32);}
.ctm-btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(176,124,32,.4);}
.ctm-btn-line{background:transparent;color:var(--ctm-red)!important;box-shadow:inset 0 0 0 1.5px rgba(150,32,28,.4);}
.ctm-btn-line:hover{background:rgba(150,32,28,.06);}
.ctm-btn-ghost{background:rgba(255,255,255,.6);color:var(--ctm-ink)!important;box-shadow:inset 0 0 0 1px var(--ctm-line);}
.ctm-btn-sm{padding:.5rem 1.15rem;font-size:.88rem;}
.ctm-btn-full{width:100%;}

/* ---------- hero ---------- */
.ctm-hero{padding:clamp(48px,8vw,110px) 0 clamp(40px,6vw,74px);}
.ctm-cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:1.5rem;}
.ctm-trust{font-size:.86rem;color:var(--ctm-ink-2);margin:0;max-width:52ch;}

/* ---------- huy hiệu thành tích ---------- */
.ctm-badge-row{margin:-.6rem 0 1.7rem;}
.ctm-badge{display:inline-flex;align-items:center;gap:10px;
	padding:.5rem 1.15rem .5rem .8rem;border-radius:999px;font-size:.86rem;font-weight:600;
	color:#6B4A0E;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(246,225,178,.9));
	border:1px solid rgba(192,138,46,.4);box-shadow:0 6px 18px rgba(146,108,38,.14);}
a.ctm-badge{text-decoration:none!important;color:#6B4A0E!important;
	transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
a.ctm-badge:hover{transform:translateY(-2px);border-color:var(--ctm-gold);
	box-shadow:0 10px 24px rgba(146,108,38,.24);}
.ctm-badge-arrow{color:var(--ctm-gold);font-weight:700;transition:transform .18s ease;}
a.ctm-badge:hover .ctm-badge-arrow{transform:translateX(3px);}
.ctm-award-cta{margin:1.6rem 0 0;}
.ctm-badge-icon{width:20px;height:20px;flex:0 0 20px;color:var(--ctm-gold);}
.ctm-badge-icon svg{width:100%;height:100%;display:block;}

/* ---------- khối thành tích ---------- */
.ctm-award{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,66px);align-items:center;}
.ctm-award-photo{margin:0;}
.ctm-award-photo img{width:100%;display:block;filter:saturate(.95) sepia(.06);border-radius:20px;border:1px solid var(--ctm-line);
	box-shadow:0 20px 50px rgba(146,108,38,.2);}
.ctm-award-photo figcaption{margin-top:.9rem;font-size:.82rem;color:var(--ctm-ink-2);
	padding-left:14px;border-left:2px solid var(--ctm-gold);}
.ctm-award-num{display:flex;align-items:baseline;gap:14px;margin:.2rem 0 1.4rem;flex-wrap:wrap;}
.ctm-award-num span{font-family:var(--ctm-display);font-weight:700;font-size:clamp(3rem,6vw,4.6rem);
	line-height:1;color:var(--ctm-gold);font-variant-numeric:tabular-nums;}
.ctm-award-num em{font-style:normal;font-size:.92rem;color:var(--ctm-ink-2);max-width:15ch;}
.ctm-award-text .ctm-body{max-width:56ch;}

/* ---------- 4 con số ---------- */
.ctm-stats{padding:26px 0 clamp(40px,6vw,72px);}
.ctm-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ctm-line);
	border:1px solid var(--ctm-line);border-radius:20px;overflow:hidden;}
.ctm-stat{background:var(--ctm-card);backdrop-filter:blur(6px);padding:26px 22px;text-align:center;}
.ctm-stat-num{display:block;font-family:var(--ctm-display);font-weight:700;font-size:2.5rem;
	line-height:1;color:var(--ctm-gold);font-variant-numeric:tabular-nums;}
.ctm-stat-lab{display:block;margin-top:.5rem;font-size:.83rem;color:var(--ctm-ink-2);}

/* ---------- khối chung ---------- */
.ctm-sec{padding:clamp(56px,8vw,104px) 0;}
.ctm-sec-alt{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 18%,rgba(255,255,255,.55) 82%,rgba(255,255,255,0) 100%);}

/* ---------- sơ đồ sao chép ---------- */
.ctm-flow{margin:0 0 clamp(40px,6vw,70px);}
.ctm-flow svg{width:100%;height:auto;filter:drop-shadow(0 10px 24px rgba(146,108,38,.12));}
.ctm-svg-t1{font-family:var(--ctm-sans);font-size:15px;font-weight:600;fill:var(--ctm-ink);}
.ctm-svg-t2{font-family:var(--ctm-sans);font-size:13px;fill:var(--ctm-ink-2);}
.ctm-svg-bal{font-family:var(--ctm-sans);font-size:13.5px;font-weight:600;fill:var(--ctm-gold);
	font-variant-numeric:tabular-nums;}
.ctm-svg-pl{font-family:var(--ctm-sans);font-size:18px;font-weight:700;fill:var(--ctm-green);
	font-variant-numeric:tabular-nums;opacity:0;transition:opacity .45s ease;}
.ctm-svg-pl.is-on{opacity:1;}
.ctm-flow-note{margin:1.2rem 0 0;font-size:.88rem;line-height:1.7;color:var(--ctm-ink-2);max-width:70ch;}
.ctm-flow-note strong{color:var(--ctm-ink);}

/* ---------- ba bước ---------- */
.ctm-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.ctm-steps li{position:relative;padding-top:14px;border-top:1px solid var(--ctm-line);}
.ctm-step-no{font-family:var(--ctm-display);font-size:1.5rem;font-weight:700;color:var(--ctm-gold);
	letter-spacing:.05em;}
.ctm-steps h3{font-family:var(--ctm-display);font-size:1.55rem;font-weight:600;margin:.25rem 0 .5rem;}
.ctm-steps p{color:var(--ctm-ink-2);margin:0;font-size:.97rem;}

/* ---------- thẻ ---------- */
.ctm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.ctm-card{background:var(--ctm-card);border:1px solid var(--ctm-line);border-radius:20px;
	padding:26px 24px;box-shadow:var(--ctm-shadow);backdrop-filter:blur(6px);}
.ctm-card h3{font-family:var(--ctm-display);font-size:1.42rem;font-weight:600;margin:0 0 .5rem;}
.ctm-card p{margin:0;color:var(--ctm-ink-2);font-size:.95rem;}

/* ---------- master ---------- */
.ctm-master{display:grid;grid-template-columns:320px 1fr;gap:clamp(28px,5vw,64px);align-items:start;}
.ctm-master-photo{aspect-ratio:4/5;border-radius:24px;overflow:hidden;border:1px solid var(--ctm-line);
	background:linear-gradient(150deg,#F6E4BC,#E4C583);display:flex;align-items:center;justify-content:center;
	box-shadow:var(--ctm-shadow);}
.ctm-master-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;filter:saturate(.94) sepia(.1);}
.ctm-master-photo span{font-family:var(--ctm-display);font-size:6rem;font-weight:700;color:#fff;
	text-shadow:0 4px 18px rgba(146,108,38,.4);}
.ctm-master-text .ctm-body{max-width:62ch;}
.ctm-role{color:var(--ctm-gold);font-weight:500;font-size:.95rem;margin:-.3rem 0 1.4rem;}
.ctm-tags{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:1.5rem 0 0;}
.ctm-tags li{font-size:.83rem;padding:.4rem 1rem;border-radius:999px;color:var(--ctm-ink-2);
	background:rgba(255,255,255,.7);border:1px solid var(--ctm-line);}

/* ---------- bảng hiệu suất ---------- */
.ctm-table-wrap{background:var(--ctm-card);border:1px solid var(--ctm-line);border-radius:20px;
	padding:8px 26px;box-shadow:var(--ctm-shadow);overflow-x:auto;}
.ctm-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;}
.ctm-table th{text-align:left;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
	color:var(--ctm-ink-2);padding:18px 12px;border-bottom:1px solid var(--ctm-line);}
.ctm-table td{padding:16px 12px;border-bottom:1px solid rgba(192,138,46,.14);font-size:1rem;}
.ctm-table tr:last-child td{border-bottom:0;}
.ctm-table th:not(:first-child),.ctm-table td:not(:first-child){text-align:right;}
.ctm-pos{color:var(--ctm-green);font-weight:600;}
.ctm-neg{color:var(--ctm-red);font-weight:600;}
.ctm-dd{color:var(--ctm-ink-2);}
.ctm-note{font-size:.83rem;color:var(--ctm-ink-2);margin:1rem 0 0;}

/* ---------- form ---------- */
.ctm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,68px);align-items:start;}
.ctm-contact{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;flex-wrap:wrap;gap:12px;}
.ctm-contact a{display:inline-block;padding:.6rem 1.3rem;border-radius:999px;font-size:.9rem;
	background:rgba(255,255,255,.75);border:1px solid var(--ctm-line);text-decoration:none!important;}
.ctm-form{background:var(--ctm-card);border:1px solid var(--ctm-line);border-radius:24px;
	padding:clamp(24px,3.5vw,36px);box-shadow:var(--ctm-shadow);backdrop-filter:blur(8px);}
.ctm-field{margin-bottom:16px;}
.ctm-field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem;}
.ctm-field label span{font-weight:400;color:var(--ctm-ink-2);}
.ctm-page .ctm-field input,.ctm-page .ctm-field select,.ctm-page .ctm-field textarea{
	width:100%;max-width:100%;font-family:var(--ctm-sans);font-size:1rem;line-height:1.5;
	color:var(--ctm-ink);padding:.8rem 1rem;margin:0;border-radius:12px;background:rgba(255,255,255,.92);
	border:1px solid var(--ctm-line);box-shadow:none;
	transition:border-color .16s ease,box-shadow .16s ease;}
.ctm-page .ctm-field input,.ctm-page .ctm-field select{height:auto;min-height:52px;}
.ctm-page .ctm-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;
	padding-right:2.8rem;cursor:pointer;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%236B5B44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 1.1rem center;background-size:14px 9px;}
.ctm-page .ctm-field select::-ms-expand{display:none;}
.ctm-page .ctm-field input:focus,.ctm-page .ctm-field select:focus,.ctm-page .ctm-field textarea:focus{outline:none;
	border-color:var(--ctm-gold);box-shadow:0 0 0 3px rgba(192,138,46,.16);}
.ctm-page .ctm-field textarea{resize:vertical;min-height:96px;}
.ctm-hp{position:absolute!important;left:-9999px!important;}
.ctm-form-msg{margin:1rem 0 0;font-size:.92rem;min-height:1.2em;}
.ctm-form-msg.ok{color:var(--ctm-green);font-weight:600;}
.ctm-form-msg.err{color:var(--ctm-red);font-weight:600;}
.ctm-form.is-sending .ctm-btn-gold{opacity:.6;pointer-events:none;}

/* ---------- câu hỏi ---------- */
.ctm-faq details{border-bottom:1px solid var(--ctm-line);padding:6px 0;}
.ctm-faq summary{cursor:pointer;list-style:none;font-family:var(--ctm-display);font-size:1.35rem;
	font-weight:600;padding:16px 42px 16px 0;position:relative;}
.ctm-faq summary::-webkit-details-marker{display:none;}
.ctm-faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:1.6rem;
	color:var(--ctm-gold);font-family:var(--ctm-sans);font-weight:300;transition:transform .2s ease;}
.ctm-faq details[open] summary::after{transform:rotate(45deg);}
.ctm-faq p{margin:0 0 18px;color:var(--ctm-ink-2);max-width:70ch;}

/* ---------- chốt ---------- */
.ctm-final{padding:clamp(56px,8vw,100px) 0;text-align:center;}
.ctm-final .ctm-h2,.ctm-final .ctm-lead{margin-left:auto;margin-right:auto;}

/* ---------- chân trang ---------- */
.ctm-foot{padding:44px 0 56px;border-top:1px solid var(--ctm-line);background:rgba(255,255,255,.4);}
.ctm-foot-brand{font-family:var(--ctm-display);font-weight:700;letter-spacing:.16em;margin:0 0 1rem;}
.ctm-warn{font-size:.82rem;color:var(--ctm-ink-2);max-width:88ch;margin:0 0 1rem;line-height:1.6;}
.ctm-copy{font-size:.8rem;color:var(--ctm-ink-2);margin:0;}

/* ---------- nút lên đầu trang ---------- */
.ctm-totop{position:fixed;right:26px;bottom:26px;z-index:60;width:52px;height:52px;padding:0;
	border:1px solid rgba(255,255,255,.5);border-radius:50%;cursor:pointer;
	background:linear-gradient(135deg,#E7C171 0%,#C68F30 58%,#AE7620 100%);
	color:#2B1F08;box-shadow:0 10px 26px rgba(146,108,38,.34);
	display:flex;align-items:center;justify-content:center;
	opacity:0;visibility:hidden;transform:translateY(14px);
	transition:opacity .28s ease,transform .28s ease,visibility .28s;}
.ctm-totop svg{width:22px;height:22px;display:block;}
.ctm-totop.is-on{opacity:1;visibility:visible;transform:none;}
.ctm-totop:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(146,108,38,.42);}
@media (max-width:640px){.ctm-totop{right:16px;bottom:16px;width:46px;height:46px;}
	.ctm-totop svg{width:19px;height:19px;}}

/* ---------- hiện dần khi cuộn ---------- */
[data-anim]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
[data-anim].is-in{opacity:1;transform:none;}

/* ---------- màn hình nhỏ ---------- */
@media (max-width:960px){
	.ctm-stat-grid{grid-template-columns:repeat(2,1fr);}
	.ctm-steps{grid-template-columns:1fr;gap:22px;}
	.ctm-cards{grid-template-columns:repeat(2,1fr);}
	.ctm-master{grid-template-columns:1fr;}
	.ctm-award{grid-template-columns:1fr;}
	.ctm-master-photo{max-width:220px;}
	.ctm-form-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
	.ctm-page{font-size:16px;}
	.ctm-nav a:not(.ctm-btn){display:none;}
	.ctm-cards{grid-template-columns:1fr;}
	.ctm-deco{top:8%;right:-18%;height:70vh;opacity:.1;}
	.ctm-deco.has-photo{top:4%;right:-24%;height:80vh;opacity:.13;}
	.ctm-cta-row .ctm-btn{width:100%;text-align:center;}
	.ctm-brand-text{font-size:.95rem;letter-spacing:.08em;white-space:nowrap;}
	.ctm-brand-mark{width:22px;height:22px;}
	.ctm-btn-sm{padding:.45rem .95rem;font-size:.82rem;}
	.ctm-h1{max-width:none;}
}

@media (prefers-reduced-motion:reduce){
	[data-anim]{opacity:1;transform:none;transition:none;}
	.ctm-totop{transition:none;}
	.ctm-btn{transition:none;}
	.ctm-flow-dot{display:none;}
	.ctm-svg-pl{opacity:1;transition:none;}
}