@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";
.tccn1-landing-root{-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;color:#f8fafc!important;background-color:#020617!important;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.tccn1-landing-root a{color:#fbbf24;text-decoration:none}.tccn1-landing-root a:hover{color:#fcd34d}.tccn1-landing-root *,.tccn1-landing-root :before,.tccn1-landing-root :after{border-color:#33415580}.tccn1-landing-root{--bg:#020617;--bg2:#0f172a;--bg-card:#1e293b;--bg-card-hover:#1e293b80;--border:#334155;--border-s:#33415580;--text:#fff;--text2:#cbd5e1;--text3:#94a3b8;--text4:#64748b;--accent:#fbbf24;--accent-h:#fcd34d;--brand:#34d399;--brand-h:#6ee7b7;--brand-bg:#10b9811a;--brand-border:#10b98140;--danger:#f87171;--danger-bg:#ef44441a;--danger-border:#ef444440;--amber-bg:#f59e0b1a;--amber-border:#f59e0b40;--violet-bg:#8b5cf61a;--violet-border:#8b5cf640;--purple-bg:#9333ea26;--purple-border:#9333ea33;--r:16px;--r-sm:12px}.t1-wrap{max-width:1024px;margin:0 auto;padding:0 16px}@media (min-width:640px){.t1-wrap{padding:0 24px}}.t1-section{margin-bottom:40px}.t1-section-title{color:var(--text);text-align:center;margin-bottom:4px;font-size:18px;font-weight:700}.t1-section-sub{color:var(--text4);text-align:center;margin-bottom:20px;font-size:12px}.t1-breadcrumb{color:var(--text4);padding:16px 0 8px;font-size:12px}.t1-breadcrumb a{color:var(--text3);text-decoration:none;transition:color .2s}.t1-breadcrumb a:hover{color:var(--text2)}.t1-breadcrumb .sep{margin:0 8px}.t1-hero{border-radius:var(--r);border:1px solid var(--brand-border);background:linear-gradient(135deg,#10b9811a 0%,#14b8a61a 100%);margin-bottom:40px;padding:24px;position:relative;overflow:hidden}@media (min-width:640px){.t1-hero{padding:32px}}.t1-hero-glow{filter:blur(48px);pointer-events:none;opacity:.5;border-radius:50%;width:256px;height:256px;position:absolute}.t1-hero-glow.green{background:#10b98114;top:-96px;right:-96px}.t1-hero-glow.amber{background:#f59e0b0f;bottom:-128px;left:-64px}.t1-hero-inner{flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}@media (min-width:640px){.t1-hero-inner{flex-direction:row}}.t1-hero-cover{border-radius:var(--r);border:1px solid var(--brand-border);flex-shrink:0;width:208px;transition:transform .3s;overflow:hidden;box-shadow:0 20px 40px #10b9811a}@media (min-width:640px){.t1-hero-cover{width:256px}}.t1-hero-cover:hover{transform:scale(1.02)}.t1-hero-cover img{width:100%;height:auto;display:block}.t1-hero-info{text-align:center;flex:1;min-width:0}@media (min-width:640px){.t1-hero-info{text-align:left}}.t1-hero-badge{background:var(--brand-bg);color:var(--brand);border:1px solid var(--brand-border);border-radius:100px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.t1-hero-author{color:var(--accent);margin-bottom:4px;font-size:14px;font-weight:500}.t1-hero h1{background:linear-gradient(135deg,#6ee7b7,#5eead4,#67e8f9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.2}@media (min-width:640px){.t1-hero h1{font-size:30px}}.t1-hero-tagline{color:var(--text3);max-width:480px;margin-bottom:20px;font-size:14px;line-height:1.6}@media (min-width:640px){.t1-hero-tagline{margin-left:0;margin-right:auto}}.t1-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}@media (min-width:640px){.t1-stats{justify-content:flex-start}}.t1-stat{border:1px solid var(--border-s);border-radius:var(--r-sm);text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e293b99;padding:10px 16px}.t1-stat-num{color:var(--brand);font-size:20px;font-weight:700;display:block}.t1-stat-lbl{color:var(--text4);font-size:10px;font-weight:500;display:block}.t1-cta-row{flex-wrap:wrap;gap:12px;display:flex}.t1-cta-row.center{justify-content:center}.t1-btn{border-radius:var(--r-sm);cursor:pointer;color:#fff;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.t1-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.t1-btn:active{transform:scale(.95)}.t1-btn-shopee{background:linear-gradient(135deg,#f97316,#ef4444);box-shadow:0 4px 14px #f9731640}.t1-btn-tiktok{background:linear-gradient(135deg,#22d3ee,#ec4899);box-shadow:0 4px 14px #22d3ee40}.t1-btn-az{background:linear-gradient(135deg,#10b981,#14b8a6);box-shadow:0 4px 14px #10b98140}.t1-box{background:var(--bg2);border:1px solid var(--border-s);border-radius:var(--r);padding:20px}@media (min-width:640px){.t1-box{padding:24px}}.t1-chapter-list{max-width:640px;margin:0 auto}.t1-chapter-item{background:var(--bg-card-hover);border-radius:var(--r-sm);border:1px solid #33415566;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.t1-chapter-item:hover{border-color:var(--brand-border);background:#1e293bcc}.t1-chapter-num{color:#fff;background:linear-gradient(135deg,#10b981,#14b8a6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #10b98133}.t1-chapter-title{color:var(--text);font-size:14px;font-weight:700}.t1-chapter-meta{color:var(--text4);margin-top:2px;font-size:11px}.t1-entity-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.t1-entity-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.t1-entity-grid{grid-template-columns:repeat(3,1fr)}}.t1-entity-card{border-radius:var(--r);border:1px solid;padding:16px;transition:all .2s;position:relative}.t1-entity-card:hover{transform:scale(1.01)}.t1-entity-card.framework{border-color:var(--brand-border);background:linear-gradient(135deg,#10b9811a,#14b8a61a)}.t1-entity-card.framework:hover{border-color:#10b98166}.t1-entity-card.trap{background:linear-gradient(135deg,var(--danger-bg),#f973161a);border-color:var(--danger-border)}.t1-entity-card.trap:hover{border-color:#ef444466}.t1-entity-badge{text-transform:uppercase;border-radius:100px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.t1-badge-fw{background:var(--brand-bg);color:var(--brand);border:1px solid var(--brand-border)}.t1-badge-trap{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.t1-entity-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.t1-entity-desc{color:var(--text3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.t1-entity-link{font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.t1-entity-link.fw{color:var(--brand)}.t1-entity-link.fw:hover{color:var(--accent)}.t1-entity-link.trap{color:var(--danger)}.t1-entity-link.trap:hover{color:var(--accent)}.t1-quote-list{max-width:640px;margin:0 auto}.t1-quote-item{background:var(--bg-card-hover);border-left:4px solid var(--accent);border-radius:0 var(--r-sm)var(--r-sm)0;margin-bottom:12px;padding:16px;transition:background .2s}.t1-quote-item:hover{background:#1e293bcc}.t1-quote-text{color:var(--text2);margin-bottom:8px;font-size:14px;font-style:italic;font-weight:500;line-height:1.6}.t1-quote-source{color:var(--accent);font-size:12px;font-weight:600}.t1-case-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.t1-case-grid{grid-template-columns:repeat(2,1fr)}}.t1-case-card{border-radius:var(--r);background:linear-gradient(135deg,var(--violet-bg),#a855f71a);border:1px solid var(--violet-border);padding:16px;transition:all .2s}.t1-case-card:hover{border-color:#8b5cf666}.t1-case-name{color:#c4b5fd;margin-bottom:4px;font-size:14px;font-weight:700}.t1-case-character{color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.t1-case-lesson{color:var(--text3);font-size:11px;line-height:1.5}.t1-tool-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.t1-tool-grid{grid-template-columns:repeat(2,1fr)}}.t1-tool-card{border-radius:var(--r);background:linear-gradient(135deg,var(--purple-bg),#ec48991a);border:1px solid var(--purple-border);color:inherit;padding:16px 20px;text-decoration:none;transition:all .2s;display:block}.t1-tool-card:hover{border-color:#9333ea66;transform:scale(1.01)}.t1-tool-inner{align-items:flex-start;gap:12px;display:flex}.t1-tool-emoji{flex-shrink:0;font-size:24px;transition:transform .2s}.t1-tool-card:hover .t1-tool-emoji{transform:scale(1.1)}.t1-tool-body{flex:1;min-width:0}.t1-tool-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.t1-tool-name{color:#c084fc;font-size:14px;font-weight:700}.t1-tool-live{background:var(--brand-bg);color:var(--brand);border-radius:100px;padding:2px 6px;font-size:9px;font-weight:500}.t1-tool-desc{color:var(--text3);margin-top:4px;font-size:11px;line-height:1.5}.t1-tool-arrow{color:var(--text4);flex-shrink:0;font-size:16px;transition:color .2s}.t1-tool-card:hover .t1-tool-arrow{color:var(--text3)}.t1-qr-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (min-width:640px){.t1-qr-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.t1-qr-grid{grid-template-columns:repeat(3,1fr)}}.t1-qr-card{border-radius:var(--r-sm);color:var(--text2);background:#33415566;border:1px solid #4755694d;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.t1-qr-card:hover{background:var(--amber-bg);border-color:var(--amber-border);color:var(--accent-h)}.t1-qr-emoji{flex-shrink:0;font-size:18px;transition:transform .2s}.t1-qr-card:hover .t1-qr-emoji{transform:scale(1.1)}.t1-qr-name{font-size:12px;font-weight:700}.t1-qr-desc{color:var(--text4);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.t1-author-layout{flex-direction:column;align-items:center;gap:24px;display:flex}@media (min-width:640px){.t1-author-layout{flex-direction:row}}.t1-author-img{border-radius:var(--r);border:1px solid #3341554d;flex-shrink:0;width:192px;overflow:hidden;box-shadow:0 16px 40px #02061780}@media (min-width:640px){.t1-author-img{width:224px}}.t1-author-img img{width:100%;height:auto;display:block}.t1-author-info{text-align:center;flex:1;min-width:0}@media (min-width:640px){.t1-author-info{text-align:left}}.t1-author-name{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.t1-author-title{color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:600}.t1-author-bio{color:var(--text3);margin-bottom:16px;font-size:14px;line-height:1.7}.t1-author-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (min-width:640px){.t1-author-stats{justify-content:flex-start}}.t1-press-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.t1-press-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.t1-press-grid{grid-template-columns:repeat(3,1fr)}}.t1-press-card{border-radius:var(--r);background:linear-gradient(135deg,var(--amber-bg),#eab3081a);border:1px solid var(--amber-border);color:inherit;padding:16px;text-decoration:none;transition:all .2s;display:block}.t1-press-card:hover{border-color:#f59e0b66;transform:translateY(-4px)}.t1-press-pub{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.t1-press-title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.5;transition:color .2s;display:-webkit-box;overflow:hidden}.t1-press-card:hover .t1-press-title{color:var(--accent-h)}.t1-press-arrow{color:var(--brand);margin-top:8px;font-size:12px;font-weight:600;display:inline-block}.t1-gallery{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:12px;padding-bottom:16px;display:flex;overflow-x:auto}.t1-gallery::-webkit-scrollbar{display:none}.t1-gallery-item{scroll-snap-align:start;border-radius:var(--r);border:1px solid var(--border-s);flex:0 0 288px;transition:all .3s;overflow:hidden}.t1-gallery-item:hover{border-color:var(--brand-border);transform:scale(1.02)}.t1-gallery-item img{width:100%;height:auto;display:block}.t1-gallery-hint{text-align:center;color:var(--text4);margin-top:4px;font-size:12px}.t1-purchase{border-radius:var(--r);border:2px solid var(--brand-border);text-align:center;background:linear-gradient(135deg,#10b9811f,#14b8a61f);padding:24px;position:relative;overflow:hidden}@media (min-width:640px){.t1-purchase{padding:32px}}.t1-purchase-glow{filter:blur(48px);pointer-events:none;background:#f59e0b0d;border-radius:50%;width:192px;height:192px;position:absolute;top:-80px;right:-80px}.t1-purchase-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.t1-purchase-card{border:1px solid var(--border-s);border-radius:var(--r);text-align:center;min-width:140px;color:inherit;background:#1e293b99;padding:20px 28px;text-decoration:none;transition:all .2s}.t1-purchase-card:hover{border-color:var(--brand-border);transform:translateY(-4px);box-shadow:0 12px 40px #10b98114}.t1-purchase-icon{margin-bottom:8px;font-size:32px;display:block}.t1-purchase-name{color:var(--text);font-size:14px;font-weight:700}.t1-purchase-label{color:var(--brand);margin-top:4px;font-size:12px;font-weight:600}.t1-faq-list{max-width:640px;margin:0 auto}.t1-faq-item{background:var(--bg-card-hover);border-radius:var(--r-sm);border:1px solid #33415566;margin-bottom:8px;transition:border-color .2s;overflow:hidden}.t1-faq-item:hover{border-color:var(--brand-border)}.t1-faq-summary{width:100%;color:var(--text2);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;list-style:none;display:flex}.t1-faq-summary::-webkit-details-marker{display:none}.t1-faq-plus{color:var(--brand);flex-shrink:0;margin-left:12px;font-size:18px;transition:transform .3s}details[open] .t1-faq-plus{transform:rotate(45deg)}.t1-faq-answer{color:var(--text3);padding:0 16px 12px;font-size:14px;line-height:1.7}.t1-related-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.t1-related-grid{grid-template-columns:repeat(4,1fr)}}.t1-related-card{border-radius:var(--r-sm);text-align:center;background:linear-gradient(135deg,#d977061f,#eab3081f);border:1px solid #f59e0b33;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.t1-related-card:hover{transform:scale(1.05)}.t1-related-code{background:var(--brand-bg);color:var(--brand);border:1px solid var(--brand-border);border-radius:100px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700}.t1-related-title{color:var(--text);font-size:14px;font-weight:600}.t1-related-audience{color:var(--text3);margin-top:4px;font-size:12px}.t1-bottom-cta{text-align:center;padding-bottom:40px}.t1-bottom-cta h2{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.t1-bottom-cta p{color:var(--text3);margin-bottom:20px;font-size:14px}