*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#102a56;font-family:Arial,Helvetica,sans-serif;background:#fff;line-height:1.55}a{color:#0869bd}button{font:inherit;cursor:pointer}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}.header{background:#fff;border-bottom:1px solid #e1eaf4}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:75px}.logo{width:180px;max-width:100%;height:auto}.nav nav{display:flex;gap:24px}.nav nav a{text-decoration:none;color:#102a56;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:7px;border-radius:9px;padding:13px 17px;font-weight:700;font-size:14px;text-decoration:none;border:1px solid transparent;min-height:48px}.btn-yellow{background:#ffca30;color:#09234b}.btn-blue{background:#0874d5;color:white}.btn-outline{border-color:#b9d3eb;background:white;color:#102a56}.btn:hover{filter:brightness(.97)}.hero{background:linear-gradient(115deg,#eaf6ff,#f9fcff 72%);border-bottom:1px solid #dceaf5;padding:54px 0}.hero-inner{max-width:920px;text-align:center}.eyebrow{display:inline-block;background:#d9ecff;color:#005bad;border-radius:5px;padding:5px 12px;font-weight:700;letter-spacing:.05em;font-size:11px}.hero h1{font-size:clamp(30px,4.5vw,49px);line-height:1.14;margin:17px 0;color:#0c2852}.intro{font-size:17px;color:#435b78;max-width:790px;margin:0 auto 20px}.hero-features{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;color:#17528e;font-size:14px;font-weight:700}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 8px}.hint{font-size:12px;color:#5b6e88}.main-section{padding:48px 0}.content{max-width:890px}.section-intro{text-align:center;margin-bottom:28px}.section-intro h2,.faq h2{font-size:28px;margin:0 0 8px}.section-intro p{color:#516784;margin:0}.progress{background:#edf6ff;border:1px solid #d4e8fa;border-radius:14px;padding:18px 22px;margin-bottom:26px}.progress-label{display:flex;justify-content:space-between;gap:12px}.progress-track{height:12px;background:#d3e4f4;border-radius:20px;overflow:hidden;margin-top:11px}#progress-fill{width:0;height:100%;background:#0874d5;transition:width .2s}.reset,.read-note button{background:none;border:0;padding:0;color:#005ea9;text-decoration:underline}.period{border:1px solid #dbe6f2;box-shadow:0 3px 16px #11345a0a;border-radius:14px;margin:18px 0;padding:22px;background:#fff}.period-head{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e9eff5;padding-bottom:14px}.period-icon{background:#e7f4ff;color:#0071d0;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;font-size:23px}.period-head h2{font-size:20px;margin:0}.period-head p{margin:2px 0;color:#5e7188;font-size:13px}.phase-progress{margin-left:auto;color:#0874d5;font-weight:bold;white-space:nowrap}.task-list{padding:0;margin:14px 0 0;list-style:none}.task-list li{border-bottom:1px solid #edf1f5}.task-list li:last-child{border:0}.task-list label{display:flex;align-items:flex-start;gap:13px;padding:12px 3px;cursor:pointer}.task-list input{width:19px;height:19px;accent-color:#0874d5;flex-shrink:0;margin:3px 0 0}.task-list input:checked+span{text-decoration:line-through;color:#72869c}.read-mode .task-list input{display:none}.read-mode .task-list label{cursor:default}.read-mode .task-list label:before{content:'•';color:#0874d5;font-weight:bold}.read-mode .task-list input:checked+span{text-decoration:none;color:inherit}.read-mode .progress{display:none}.read-note{padding:15px;background:#edf6ff;border-radius:9px;margin-bottom:16px}.mid-cta,.bottom-cta{background:#eaf5ff;border:1px solid #cfe4f8;border-radius:14px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0}.mid-cta h2,.bottom-cta h2{font-size:20px;margin:0 0 6px}.mid-cta p,.bottom-cta p{margin:0;color:#4b6180}.bottom-cta{display:block;text-align:center;padding:30px}.bottom-cta p{max-width:640px;margin:0 auto 18px}.faq{background:#f5f9fd;padding:48px 0}.faq-inner{max-width:890px}.faq h2{text-align:center;margin-bottom:22px}.faq details{background:white;border:1px solid #dbe6f2;border-radius:10px;margin:10px 0;padding:15px 20px}.faq summary{font-weight:bold;cursor:pointer}.faq details p{color:#435b78}.footer{background:#0c2852;color:#fff;padding:25px 0}.footer-inner{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:13px}.footer-inner div{display:flex;gap:15px;flex-wrap:wrap}.footer a{color:#fff;text-decoration:none}@media(max-width:780px){.nav{flex-wrap:wrap;padding:12px 0}.nav nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.header-btn{display:none}.hero{padding:36px 0}.intro{font-size:15px}.actions{flex-direction:column}.actions>*{width:100%}.period{padding:16px}.period-head h2{font-size:17px}.mid-cta{display:block}.mid-cta .btn{margin-top:15px}.footer-inner{display:block}.footer-inner div{margin-top:12px}}@media print{.header,.actions,.progress,.footer,.mid-cta,.bottom-cta,.faq,.hero-features,.hint,.read-note{display:none!important}.hero{padding:0;background:white}.hero h1{font-size:22px}.main-section{padding:10px}.period{break-inside:avoid;box-shadow:none}.task-list input{appearance:none;border:1px solid #333}.period-head h2{font-size:17px}}