@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Source+Serif+4:wght@600;700&display=swap";:root{--font-sans:"Manrope";--font-serif:"Source Serif 4";--ink:#17342f;--muted:#64736f;--teal:#087f72;--teal2:#06695f;--mint:#dff3ed;--cream:#f7f4ec;--line:#dbe4e0;--white:#fff;--orange:#f0a742}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--font-sans),sans-serif;background:#f8faf8;margin:0}button,input,select{font:inherit}button,a{transition:all .2s}a{color:inherit}.topbar{justify-content:space-between;align-items:center;max-width:1180px;height:88px;margin:auto;padding:0 24px;display:flex}.brand{align-items:center;gap:15px;text-decoration:none;display:flex}.brand img{object-fit:contain;height:auto;display:block}.brand-prefecture{width:148px;max-height:50px}.brand-capacitate{border-left:1px solid var(--line);width:228px;max-height:58px;padding-left:15px}.help{color:var(--teal);text-underline-offset:4px;font-size:14px;font-weight:700}.hero{background:var(--teal);color:#fff;border-radius:28px;grid-template-columns:1.65fr .75fr;max-width:1180px;min-height:470px;margin:0 auto 30px;display:grid;overflow:hidden}.hero-copy{padding:54px 62px}.eyebrow{letter-spacing:.16em;margin:0 0 18px;font-size:12px;font-weight:800}.hero h1{font:700 clamp(42px,5vw,66px)/.98 var(--font-serif),serif;max-width:680px;margin:0 0 22px}.lead{color:#e4f6f1;max-width:650px;font-size:18px;line-height:1.6}.facts{flex-wrap:wrap;gap:35px;margin:35px 0;display:flex}.facts div{flex-direction:column;gap:4px;display:flex}.facts span{text-transform:uppercase;letter-spacing:.12em;color:#a9ddd4;font-size:11px}.facts strong{font-size:14px}.outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #82c9bd;border-radius:30px;padding:13px 20px;font-weight:700}.outline span{margin-left:24px}.outline:hover{color:var(--teal);background:#fff}.hero-panel{background:var(--cream);color:var(--ink);flex-direction:column;justify-content:flex-end;padding:45px 34px;display:flex}.partners{margin-bottom:auto}.partners>span{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin-bottom:17px;font-size:11px;font-weight:800;display:block}.partners img{object-fit:contain;width:min(250px,100%);height:auto;display:block}.hero-panel p{line-height:1.7}.hero-panel a{color:var(--teal);border-top:1px solid #cfd9d4;justify-content:space-between;padding-top:20px;font-weight:800;text-decoration:none;display:flex}.hero-panel a:hover{gap:12px}.modules{background:var(--line);border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr 1fr;gap:1px;max-width:1180px;margin:0 auto 30px;display:grid;overflow:hidden}.modules article{background:#fff;gap:20px;padding:28px;display:flex}.modules article>span{font:700 30px var(--font-serif);color:#80aea5}.modules h2{font:700 21px var(--font-serif);margin:0 0 8px}.modules p{color:var(--muted);margin:0;font-size:14px;line-height:1.55}.form-wrap{border:1px solid var(--line);background:#fff;border-radius:26px;grid-template-columns:310px 1fr;max-width:1180px;margin:0 auto 50px;display:grid;overflow:hidden;box-shadow:0 18px 60px #123f3612}.form-wrap aside{background:var(--cream);padding:44px 34px}.form-wrap aside h2{font:700 31px var(--font-serif);margin:0 0 12px}.form-wrap aside>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.6}.form-wrap ol{margin:35px 0;padding:0;list-style:none}.form-wrap li{padding-bottom:20px;position:relative}.form-wrap li:not(:last-child):after{content:"";background:var(--line);width:1px;height:20px;position:absolute;top:35px;left:16px}.form-wrap li button{text-align:left;color:#87928f;background:0 0;border:0;gap:13px;padding:0;display:flex}.form-wrap li button>span{border:1px solid #bdc9c5;border-radius:50%;flex:none;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.form-wrap li button div{flex-direction:column;display:flex}.form-wrap li small{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.form-wrap li strong{margin-top:3px;font-size:13px}.form-wrap li.active button,.form-wrap li.complete button{color:var(--teal)}.form-wrap li.active button>span{background:var(--teal);color:#fff;border-color:var(--teal)}.privacy-note{border-top:1px solid var(--line);gap:10px;padding-top:22px;display:flex}.privacy-note>span{color:var(--teal);font-size:22px}.privacy-note p{margin:0!important;font-size:11px!important}.form-wrap form{padding:48px 55px}.form-head{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:26px}.form-head p{letter-spacing:.15em;color:var(--teal);margin:0 0 10px;font-size:10px;font-weight:800}.form-head h2{font:700 38px var(--font-serif);margin:0 0 7px}.form-head>span{color:var(--muted);font-size:14px}.grid{grid-template-columns:1fr 1fr;gap:24px 22px;display:grid}.stack{gap:25px;display:grid}.field label,.choice legend{font-size:13px;font-weight:800}.field label span,.choice legend span{color:#ba3c2b}.hint{color:var(--muted);margin:5px 0 8px;font-size:11px;line-height:1.4}.field input,.field select{width:100%;height:52px;color:var(--ink);background:#fff;border:1px solid #ccd7d3;border-radius:10px;outline:none;margin-top:8px;padding:0 15px}.field .hint+input,.field .hint+select{margin-top:0}.field input:focus,.field select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #087f721f}.choice{border:0;margin:0;padding:0}.chips{flex-wrap:wrap;gap:9px;margin-top:10px;display:flex}.chips label input{opacity:0;position:absolute}.chips label span{cursor:pointer;border:1px solid #ccd7d3;border-radius:9px;padding:11px 14px;font-size:12px;display:block}.chips label:hover span,.chips label input:focus+span{border-color:var(--teal)}.chips label.selected span{background:var(--mint);color:var(--teal);border-color:var(--teal);font-weight:800}.notice{border-left:3px solid var(--orange);background:#fff7e6;margin-bottom:24px;padding:12px 15px;font-size:13px}.actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:34px;padding-top:25px;display:flex}.actions>div{gap:10px;display:flex}.primary,.secondary,.text-btn{cursor:pointer;border-radius:9px;padding:13px 19px;font-weight:800}.primary{background:var(--teal);color:#fff;border:1px solid var(--teal)}.primary:hover{background:var(--teal2)}.primary span{margin-left:20px}.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.text-btn{color:var(--teal);background:0 0;border:0;padding-left:0}.consent h3{font:700 23px var(--font-serif)}.consent>p{color:var(--muted);font-size:13px;line-height:1.65}.summary{background:var(--mint);border-radius:12px;gap:13px;padding:17px;display:flex}.summary>span{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.summary p{color:var(--muted);margin:3px 0 0;font-size:12px}.check{border:1px solid var(--line);border-radius:11px;gap:13px;margin-top:20px;padding:18px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.check input{width:20px;height:20px;accent-color:var(--teal)}footer{max-width:1180px;color:var(--muted);align-items:center;gap:25px;margin:0 auto;padding:30px 24px 50px;font-size:12px;display:flex}footer strong{color:var(--teal);letter-spacing:.1em}footer a{margin-left:auto}.modal{z-index:10;background:#0a2520b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{text-align:center;background:#fff;border-radius:22px;max-width:520px;padding:45px}.success{background:var(--mint);width:65px;height:65px;color:var(--teal);border-radius:50%;place-items:center;margin:0 auto 22px;font-size:30px;display:grid}.modal h2{font:700 36px var(--font-serif);margin:5px 0 15px}.modal>div>p:not(.eyebrow){color:var(--muted);line-height:1.6}@media (width<=800px){.topbar{height:72px}.hero{border-radius:20px;grid-template-columns:1fr;margin:0 14px 18px}.hero-copy{padding:35px 28px}.hero h1{font-size:43px}.facts{grid-template-columns:1fr 1fr;gap:22px;display:grid}.hero-panel{padding:28px}.seal{display:none}.hero-panel p{margin-top:0}.modules{grid-template-columns:1fr;margin:0 14px 18px}.form-wrap{margin:0 14px 35px;display:block}.form-wrap aside{padding:25px}.form-wrap aside>h2,.form-wrap aside>p:not(.eyebrow),.privacy-note{display:none}.form-wrap ol{justify-content:space-between;margin:0;display:flex}.form-wrap li{flex:1;padding:0}.form-wrap li:not(:last-child):after{width:calc(100% - 36px);height:1px;top:16px;left:35px}.form-wrap li button{z-index:1;gap:0;position:relative}.form-wrap li button div{display:none}.form-wrap form{padding:30px 22px}.form-head h2{font-size:32px}.grid{grid-template-columns:1fr}.actions{flex-direction:column-reverse;align-items:stretch;gap:12px}.actions>div{grid-template-columns:auto 1fr;display:grid}.actions .primary{width:100%}.text-btn{text-align:center}.help{font-size:12px}footer{flex-direction:column;align-items:flex-start;gap:8px}footer a{margin-left:0}.modal>div{padding:32px 23px}.modal h2{font-size:30px}}.start-link{color:#fff;background:var(--teal);cursor:pointer;text-align:left;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:17px 18px 17px 20px;display:flex;box-shadow:0 12px 28px #087f7233}.start-label{flex-direction:column;font-size:15px;font-weight:800;line-height:1.25;display:flex}.start-label small{letter-spacing:.14em;text-transform:uppercase;color:#bce7df;margin-bottom:5px;font-size:9px;font-weight:700}.start-arrow{width:38px;height:38px;color:var(--teal);background:#fff;border-radius:50%;place-items:center;font-size:19px;transition:transform .2s;display:grid}.start-link:hover{background:var(--teal2);transform:translateY(-2px);box-shadow:0 16px 32px #087f7247}.start-link:hover .start-arrow{transform:translate(4px)}.back-course{color:var(--teal);cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:13px;font-weight:800}.back-course:hover{text-underline-offset:4px;text-decoration:underline}.footer-program{align-items:center;gap:24px;display:flex}.footer-program p{margin:0}.developer-credit{border-left:1px solid var(--line);color:#71807c;letter-spacing:.04em;align-items:center;gap:7px;padding-left:22px;font-size:10px;display:flex;margin:0 0 0 8px!important}.developer-credit a{margin-left:0;text-decoration:none}.developer-credit a:hover{text-underline-offset:4px;text-decoration:underline}.developer-credit strong{font:600 15px var(--font-serif),serif;letter-spacing:.02em;color:var(--ink)}.developer-credit i{background:#9aa7a3;border-radius:50%;width:2px;height:2px}@media (width<=800px){.footer-program{display:block}.footer-program p{margin-top:7px}.developer-credit{border-left:0;border-top:1px solid var(--line);padding:14px 0 0;margin-top:10px!important;margin-left:0!important}}.cover{background:#e9ece8;border-radius:22px;max-width:1180px;height:238px;margin:0 auto 22px;padding:0;overflow:hidden;box-shadow:0 12px 38px #16342f14}.cover img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero{color:var(--ink);background:#f3efe5;border:1px solid #e3ddd0;box-shadow:0 20px 60px #21322d12}.hero .eyebrow{color:var(--teal)}.hero .lead{color:#566964}.hero .facts span{color:#778b85}.hero .facts strong{color:var(--ink)}.hero .outline{color:var(--teal);border-color:#a9c8bf}.hero .outline:hover{background:var(--teal);color:#fff}.hero-panel{background:#fff;border-left:1px solid #e3ddd0}.learning-note{flex-direction:column;gap:8px;margin:0 0 36px;display:flex}.learning-note strong{font:700 22px var(--font-serif),serif}.learning-note span{color:var(--muted);font-size:14px;line-height:1.6}.start-link{margin-top:10px}.hero-copy{position:relative}.hero-copy:before{content:"";background:var(--teal);border-radius:4px;width:44px;height:3px;position:absolute;top:37px;left:62px}.hero-copy>.eyebrow{padding-top:12px}@media (width<=800px){.cover{aspect-ratio:2.2;border-radius:16px;height:auto;margin:0 14px 16px}.cover img{object-fit:cover}.hero-copy:before{top:24px;left:28px}.hero-copy>.eyebrow{padding-top:10px}.hero-panel{border-top:1px solid #e3ddd0;border-left:0}.learning-note{margin-bottom:28px}}@media (width<=560px){.brand{gap:9px}.brand-prefecture{width:94px;max-height:34px}.brand-capacitate{width:138px;max-height:40px;padding-left:9px}.partners{margin:0 0 30px}.partners img{width:min(230px,100%)}}.modal>div{width:min(560px,94vw);animation:.55s cubic-bezier(.2,.9,.25,1.2) both modal-in}.success-status{background:var(--mint);border:2px solid #0000;border-radius:50%;width:96px;height:96px;margin:0 auto 30px;animation:.65s cubic-bezier(.2,1.3,.4,1) both success-circle-in;position:relative}.success-status:after{content:"";border-radius:inherit;border:2px solid #087f7247;animation:.75s ease-out .4s both success-ring;position:absolute;inset:-8px}.success-check{width:43px;height:25px;position:absolute;top:27px;left:27px;transform:rotate(-45deg)}.success-check:before,.success-check:after{content:"";background:var(--teal);border-radius:999px;position:absolute;bottom:0;left:0}.success-check:before{transform-origin:bottom;width:7px;height:25px;animation:.22s ease-out .28s both success-check-short}.success-check:after{transform-origin:0;width:43px;height:7px;animation:.32s ease-out .46s both success-check-long}.modal .eyebrow{animation:.45s ease-out .82s both modal-content-in}.modal h2{animation:.45s ease-out .92s both modal-content-in}.modal>div>p:not(.eyebrow){animation:.45s ease-out 1.02s both modal-content-in}.modal .primary{animation:.45s ease-out 1.12s both modal-content-in}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes success-circle-in{0%{opacity:0;transform:scale(.25)rotate(-18deg)}70%{opacity:1;transform:scale(1.12)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes success-check-short{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes success-check-long{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes success-ring{0%{opacity:.9;transform:scale(.65)}to{opacity:0;transform:scale(1.45)}}@keyframes modal-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=800px){.success-status{width:82px;height:82px;margin-bottom:24px}.success-check{top:22px;left:21px;transform:rotate(-45deg)scale(.88)}}@media (prefers-reduced-motion:reduce){.modal>div,.success-status,.success-status:after,.success-check:before,.success-check:after,.modal .eyebrow,.modal h2,.modal>div>p:not(.eyebrow),.modal .primary{animation-duration:.01ms!important;animation-delay:0s!important}}
