.ctp33{max-width:1320px;width:100%;margin:0 auto;padding:12px 0 44px;color:#172554;font-family:inherit;container-type:inline-size}
.ctp33 *{box-sizing:border-box}
.ctp33 button{font-family:inherit!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}

.ctp33__header{text-align:center;margin:4px 0 30px}
.ctp33__header h1{margin:0;font-size:clamp(36px,4vw,54px);line-height:1.05;letter-spacing:-1.2px;font-weight:850;color:#172554}
.ctp33__header p{margin:10px 0 0;font-size:18px;font-weight:600;color:#334155}
.ctp33__accent{display:block;width:54px;height:4px;margin:14px auto 0;border-radius:999px;background:#7c3aed}

.ctp33__sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:26px}
.ctp33__section{appearance:none;border:0;border-radius:18px;padding:0;overflow:hidden;color:#fff;background:var(--ctp-color);min-width:0;min-height:280px;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 7px 20px rgba(15,23,42,.13);transition:.16s}
.ctp33__section:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.18)}
.ctp33__section.is-active{outline:4px solid rgba(15,23,42,.10);outline-offset:2px}
.ctp33__section-main{flex:1;padding:24px 10px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ctp33__section-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:18px;background:rgba(255,255,255,.74);color:var(--ctp-color);font-size:33px;font-weight:800;line-height:1}
.ctp33__section-title{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:20px;font-weight:850;line-height:1.12;letter-spacing:.2px;text-align:center}
.ctp33__section-title>span{white-space:nowrap!important}
.ctp33__section-footer{min-height:72px;padding:12px 8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.12)}
.ctp33__section-footer strong{font-size:22px;line-height:1;margin-bottom:6px}
.ctp33__section-footer span{font-size:12px;font-weight:800;letter-spacing:.4px;white-space:nowrap!important}

.ctp33__stage{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:26px 24px;box-shadow:0 4px 18px rgba(15,23,42,.06);margin-bottom:22px}
.ctp33__stage[hidden],.ctp33__tools-stage[hidden]{display:none!important}
.ctp33__stage-heading{display:flex;gap:16px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.ctp33__stage-heading h2{margin:0;font-size:25px;line-height:1.15;color:#172554}
.ctp33__stage-heading p{margin:5px 0 0;color:#64748b;font-size:14px}
.ctp33__step{flex:0 0 auto;padding:8px 11px;border-radius:9px;background:var(--ctp-soft);color:var(--ctp-color);font-size:12px;line-height:1;font-weight:850}

.ctp33__chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.ctp33__chapter{appearance:none;width:100%;min-width:0;min-height:82px;padding:14px 15px;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#172554;cursor:pointer;text-align:left;box-shadow:0 2px 8px rgba(15,23,42,.035);transition:.15s}
.ctp33__chapter:hover,.ctp33__chapter.is-active{transform:translateY(-1px);border-color:var(--ctp-color);background:var(--ctp-soft)}
.ctp33__chapter-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ctp-soft);color:var(--ctp-color);font-size:16px;font-weight:850;white-space:nowrap}
.ctp33__chapter-copy{min-width:0}
.ctp33__chapter-copy strong{display:block;font-size:15px;line-height:1.22;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}
.ctp33__chapter-copy small{display:block;margin-top:5px;color:#64748b;font-size:12px;white-space:nowrap!important}
.ctp33__chevron{color:var(--ctp-color);font-size:23px;line-height:1}

.ctp33__tools-stage{margin-top:24px;padding-top:23px;border-top:1px solid #eef2f7}
.ctp33__tools-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px;flex-wrap:wrap}
.ctp33__tools-title{display:flex;align-items:center;gap:14px}
.ctp33__tools-title h3{margin:0;font-size:23px;color:#172554}
.ctp33__back{appearance:none;border:0;padding:7px 0;background:transparent;color:var(--ctp-color);font-weight:750;cursor:pointer}
.ctp33__tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.ctp33__tool{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#172554!important;text-decoration:none!important;font-size:14px;line-height:1.28;font-weight:700;transition:.15s}
.ctp33__tool:hover{background:var(--ctp-soft);border-color:var(--ctp-color);transform:translateY(-1px)}
.ctp33__tool>span:first-child{min-width:0;overflow-wrap:break-word}
.ctp33__tool>span:last-child{color:#64748b;font-size:20px;line-height:1}
.ctp33__tip{margin-top:18px;padding:13px 16px;border-radius:11px;background:var(--ctp-soft);color:#475569;font-size:14px}
.ctp33__tip strong{color:var(--ctp-color)}

@container (max-width:1050px){.ctp33__sections{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:720px){.ctp33__sections{grid-template-columns:repeat(2,minmax(0,1fr))}.ctp33__stage{padding:22px 18px}}
@container (max-width:460px){.ctp33__sections{grid-template-columns:1fr}.ctp33__section{min-height:215px}.ctp33__chapters,.ctp33__tools-grid{grid-template-columns:1fr}.ctp33__tools-heading{flex-direction:column;align-items:flex-start}}