@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";
.ck5-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}.ck5-landing-root a{color:#fbbf24;text-decoration:none}.ck5-landing-root a:hover{color:#fcd34d}.ck5-landing-root *,.ck5-landing-root :before,.ck5-landing-root :after{border-color:#33415580}.ck5-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:#f59e0b;--brand-h:#fbbf24;--brand-bg:#f59e0b1a;--brand-border:#f59e0b40;--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}.ck5-wrap{max-width:1024px;margin:0 auto;padding:0 16px}@media (min-width:640px){.ck5-wrap{padding:0 24px}}.ck5-section{margin-bottom:40px}.ck5-section-title{color:var(--text);text-align:center;margin-bottom:4px;font-size:18px;font-weight:700}.ck5-section-sub{color:var(--text4);text-align:center;margin-bottom:20px;font-size:12px}.ck5-breadcrumb{color:var(--text4);padding:16px 0 8px;font-size:12px}.ck5-breadcrumb a{color:var(--text3);text-decoration:none;transition:color .2s}.ck5-breadcrumb a:hover{color:var(--text2)}.ck5-breadcrumb .sep{margin:0 8px}.ck5-hero{border-radius:var(--r);border:1px solid var(--brand-border);background:linear-gradient(135deg,#9333ea1a 0%,#f59e0b1a 100%);margin-bottom:40px;padding:24px;position:relative;overflow:hidden}@media (min-width:640px){.ck5-hero{padding:32px}}.ck5-hero-glow{filter:blur(48px);pointer-events:none;opacity:.5;border-radius:50%;width:256px;height:256px;position:absolute}.ck5-hero-glow.purple{background:#9333ea14;top:-96px;right:-96px}.ck5-hero-glow.amber{background:#f59e0b0f;bottom:-128px;left:-64px}.ck5-hero-inner{flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}@media (min-width:640px){.ck5-hero-inner{flex-direction:row}}.ck5-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 #f59e0b1a}@media (min-width:640px){.ck5-hero-cover{width:256px}}.ck5-hero-cover:hover{transform:scale(1.02)}.ck5-hero-cover img{width:100%;height:auto;display:block}.ck5-hero-info{text-align:center;flex:1;min-width:0}@media (min-width:640px){.ck5-hero-info{text-align:left}}.ck5-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}.ck5-hero-author{color:var(--accent);margin-bottom:4px;font-size:14px;font-weight:500}.ck5-hero h1{background:linear-gradient(135deg,#fbbf24,#f59e0b,#c084fc);-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){.ck5-hero h1{font-size:30px}}.ck5-hero-tagline{color:var(--text3);max-width:480px;margin-bottom:20px;font-size:14px;line-height:1.6}@media (min-width:640px){.ck5-hero-tagline{margin-left:0;margin-right:auto}}.ck5-stats{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}@media (min-width:640px){.ck5-stats{justify-content:flex-start}}.ck5-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}.ck5-stat-num{color:var(--brand);font-size:20px;font-weight:700;display:block}.ck5-stat-lbl{color:var(--text4);font-size:10px;font-weight:500;display:block}.ck5-cta-row{flex-wrap:wrap;gap:12px;display:flex}.ck5-cta-row.center{justify-content:center}.ck5-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}.ck5-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.ck5-btn:active{transform:scale(.95)}.ck5-btn-alpha{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 4px 14px #7c3aed40}.ck5-box{background:var(--bg2);border:1px solid var(--border-s);border-radius:var(--r);padding:20px}@media (min-width:640px){.ck5-box{padding:24px}}.ck5-chapter-list{max-width:640px;margin:0 auto}.ck5-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}.ck5-chapter-item:hover{border-color:var(--brand-border);background:#1e293bcc}.ck5-chapter-num{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);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 #f59e0b33}.ck5-chapter-title{color:var(--text);font-size:14px;font-weight:700}.ck5-chapter-meta{color:var(--text4);margin-top:2px;font-size:11px}.ck5-entity-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.ck5-entity-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ck5-entity-grid{grid-template-columns:repeat(3,1fr)}}.ck5-entity-card{border-radius:var(--r);border:1px solid;padding:16px;transition:all .2s;position:relative}.ck5-entity-card:hover{transform:scale(1.01)}.ck5-entity-card.framework{border-color:var(--brand-border);background:linear-gradient(135deg,#f59e0b1a,#d977061a)}.ck5-entity-card.framework:hover{border-color:#f59e0b66}.ck5-entity-card.trap{background:linear-gradient(135deg,var(--danger-bg),#f973161a);border-color:var(--danger-border)}.ck5-entity-card.trap:hover{border-color:#ef444466}.ck5-entity-badge{text-transform:uppercase;border-radius:100px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.ck5-badge-fw{background:var(--brand-bg);color:var(--brand);border:1px solid var(--brand-border)}.ck5-badge-trap{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.ck5-entity-name{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.ck5-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}.ck5-entity-link{font-size:12px;font-weight:600;text-decoration:none;transition:color .2s}.ck5-entity-link.fw{color:var(--brand)}.ck5-entity-link.fw:hover{color:var(--accent)}.ck5-entity-link.trap{color:var(--danger)}.ck5-entity-link.trap:hover{color:var(--accent)}.ck5-quote-list{max-width:640px;margin:0 auto}.ck5-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}.ck5-quote-item:hover{background:#1e293bcc}.ck5-quote-text{color:var(--text2);margin-bottom:8px;font-size:14px;font-style:italic;font-weight:500;line-height:1.6}.ck5-quote-source{color:var(--accent);font-size:12px;font-weight:600}.ck5-case-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.ck5-case-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ck5-case-grid{grid-template-columns:repeat(3,1fr)}}.ck5-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}.ck5-case-card--link{cursor:pointer;text-decoration:none;display:block}.ck5-case-card--link:hover{border-color:#8b5cf680;transform:translateY(-2px);box-shadow:0 4px 16px #8b5cf626}.ck5-case-badge{color:#a78bfa;background:#8b5cf633;border-radius:4px;margin-bottom:6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.ck5-case-name{color:#c4b5fd;margin-bottom:4px;font-size:14px;font-weight:700}.ck5-case-character{color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:600}.ck5-case-lesson{color:var(--text3);font-size:11px;line-height:1.5}.ck5-author-layout{flex-direction:column;align-items:center;gap:24px;display:flex}@media (min-width:640px){.ck5-author-layout{flex-direction:row}}.ck5-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){.ck5-author-img{width:224px}}.ck5-author-img img{width:100%;height:auto;display:block}.ck5-author-info{text-align:center;flex:1;min-width:0}@media (min-width:640px){.ck5-author-info{text-align:left}}.ck5-author-name{color:var(--text);margin-bottom:4px;font-size:20px;font-weight:700}.ck5-author-title{color:var(--accent);margin-bottom:12px;font-size:14px;font-weight:600}.ck5-author-bio{color:var(--text3);margin-bottom:16px;font-size:14px;line-height:1.7}.ck5-author-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (min-width:640px){.ck5-author-stats{justify-content:flex-start}}.ck5-press-grid{grid-template-columns:1fr;gap:12px;display:grid}@media (min-width:640px){.ck5-press-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.ck5-press-grid{grid-template-columns:repeat(3,1fr)}}.ck5-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}.ck5-press-card:hover{border-color:#f59e0b66;transform:translateY(-4px)}.ck5-press-pub{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.ck5-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}.ck5-press-card:hover .ck5-press-title{color:var(--accent-h)}.ck5-press-arrow{color:var(--brand);margin-top:8px;font-size:12px;font-weight:600;display:inline-block}.ck5-purchase{border-radius:var(--r);border:2px solid var(--brand-border);text-align:center;background:linear-gradient(135deg,#f59e0b1f,#d977061f);padding:24px;position:relative;overflow:hidden}@media (min-width:640px){.ck5-purchase{padding:32px}}.ck5-purchase-glow{filter:blur(48px);pointer-events:none;background:#9333ea0d;border-radius:50%;width:192px;height:192px;position:absolute;top:-80px;right:-80px}.ck5-purchase-grid{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.ck5-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}.ck5-purchase-card:hover{border-color:var(--brand-border);transform:translateY(-4px);box-shadow:0 12px 40px #f59e0b14}.ck5-purchase-icon{margin-bottom:8px;font-size:32px;display:block}.ck5-purchase-name{color:var(--text);font-size:14px;font-weight:700}.ck5-purchase-label{color:var(--brand);margin-top:4px;font-size:12px;font-weight:600}.ck5-faq-list{max-width:640px;margin:0 auto}.ck5-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}.ck5-faq-item:hover{border-color:var(--brand-border)}.ck5-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}.ck5-faq-summary::-webkit-details-marker{display:none}.ck5-faq-plus{color:var(--brand);flex-shrink:0;margin-left:12px;font-size:18px;transition:transform .3s}details[open] .ck5-faq-plus{transform:rotate(45deg)}.ck5-faq-answer{color:var(--text3);padding:0 16px 12px;font-size:14px;line-height:1.7}.ck5-related-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.ck5-related-grid{grid-template-columns:repeat(3,1fr)}}.ck5-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}.ck5-related-card:hover{transform:scale(1.05)}.ck5-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}.ck5-related-title{color:var(--text);font-size:14px;font-weight:600}.ck5-related-audience{color:var(--text3);margin-top:4px;font-size:12px}.ck5-bottom-cta{text-align:center;padding-bottom:40px}.ck5-bottom-cta h2{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.ck5-bottom-cta p{color:var(--text3);margin-bottom:20px;font-size:14px}