:root{--path-green:#08745c;--path-ink:#183c34;--path-soft:#edf7f2;--path-line:#d7e8e1}*{box-sizing:border-box}body{margin:0;background:#f8fbfa;color:var(--path-ink);font-family:'Be Vietnam Pro',sans-serif}.path-hero{padding:70px 24px;background:radial-gradient(circle at 80% 20%,#f9d97d 0 3%,transparent 3.2%),linear-gradient(135deg,#063f35,#08745c);color:#fff}.path-hero>div,.path-main,.path-detail{max-width:1100px;margin:auto}.path-hero a,.path-back{color:inherit;text-decoration:none;font-weight:700}.path-hero span,.path-heading small{display:block;margin-top:30px;color:#9de5d2;font-size:.72rem;font-weight:800;letter-spacing:.17em}.path-hero h1{margin:12px 0;font-size:clamp(2rem,5vw,4rem);line-height:1.08}.path-hero p{max-width:650px;color:#d9f2eb;line-height:1.7}.path-main{padding:48px 20px 90px}.path-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.path-heading small{margin:0;color:var(--path-green)}.path-heading h2{margin:6px 0}.path-heading a,.path-cta,.path-join{padding:11px 16px;border-radius:12px;background:var(--path-green);color:#fff;text-decoration:none;font-weight:800}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-card{display:flex;min-height:325px;padding:22px;border:1px solid var(--path-line);border-radius:22px;background:#fff;box-shadow:0 12px 35px #174f4210;flex-direction:column}.path-card-top,.path-meta{display:flex;gap:12px;justify-content:space-between;font-size:.74rem}.path-card-top span{color:var(--path-green);font-weight:800}.path-card-top b{color:#728c85}.path-card h3{margin:24px 0 8px;font-size:1.24rem}.path-card p{color:#60766f;line-height:1.65}.path-meta{justify-content:flex-start;color:#587169}.path-progress{height:8px;margin-top:auto;border-radius:99px;background:#deebe6;overflow:hidden}.path-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b8c6d,#f5b940)}.path-card>small{margin:7px 0;color:#71867f}.path-cta{margin-top:17px;text-align:center}.path-empty{grid-column:1/-1;padding:50px;text-align:center}.path-detail{padding:45px 20px 100px}.path-back{color:var(--path-green)}.path-detail>header{margin:28px 0 45px;padding:35px;border-radius:26px;background:linear-gradient(135deg,#e4f5ee,#fff3cc)}.path-detail header>span,.path-steps small{color:var(--path-green);font-size:.7rem;font-weight:800;letter-spacing:.08em}.path-detail h1{max-width:760px;margin:12px 0;font-size:clamp(2rem,5vw,3.4rem)}.path-detail header>p{max-width:720px;color:#537068;line-height:1.7}.path-join{display:inline-block;margin-top:24px;border:0;cursor:pointer}.detail-progress{max-width:520px;margin-top:25px}.detail-progress>div:first-child{display:flex;justify-content:space-between}.path-steps{display:grid;gap:13px;max-width:850px;margin:auto}.path-steps article{display:grid;grid-template-columns:50px 1fr auto;gap:17px;align-items:center;padding:20px;border:1px solid var(--path-line);border-radius:18px;background:#fff}.step-no{display:grid;width:44px;height:44px;border-radius:50%;background:var(--path-soft);color:var(--path-green);font-weight:800;place-items:center}.path-steps h2{margin:4px 0;font-size:1.02rem}.path-steps p{margin:5px 0;color:#698078}.path-steps a{color:var(--path-green);font-weight:800;text-decoration:none}.path-steps .done{border-color:#9ddbc8}.path-steps .done .step-no{background:var(--path-green);color:#fff}.path-steps .locked{opacity:.55}.path-builder{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:22px;border:1px solid var(--path-line);border-radius:20px;background:#fff}.path-builder label{display:grid;gap:7px;font-size:.65rem;font-weight:800}.path-builder input,.path-builder select,.path-builder textarea{width:100%;padding:11px;border:1px solid var(--path-line);border-radius:10px;font:inherit}.path-builder .wide{grid-column:1/-1}.path-picker{max-height:430px;overflow:auto;border:1px solid var(--path-line);border-radius:12px}.path-picker header{position:sticky;top:0;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px;background:#f2f8f5}.path-picker header input{max-width:300px}.path-picker>label{display:flex;padding:12px;border-top:1px solid #edf3f0;grid-template-columns:20px 1fr}.path-picker>label input{width:auto}.path-picker span{display:flex;justify-content:space-between;width:100%}.path-builder>button{grid-column:1/-1;justify-self:end;padding:12px 18px;border:0;border-radius:11px;background:var(--path-green);color:#fff;font-weight:800}@media(max-width:800px){.path-grid{grid-template-columns:1fr}.path-heading{align-items:start;gap:15px;flex-direction:column}.path-detail>header{padding:24px}.path-steps article{grid-template-columns:42px 1fr}.path-steps article>a{grid-column:2}.path-builder{grid-template-columns:1fr}.path-builder .wide,.path-builder>button{grid-column:1}.path-hero{padding-top:45px;padding-bottom:45px}}