:root{--ink:#132d25;--lime:#d8fa78;--cream:#f6f7f1;--muted:#68766f;--line:#e0e6dc;--purple:#7255c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:14px system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{outline-offset:5px}[hidden]{display:none!important}.shell{width:min(1320px,calc(100% - 60px));margin:auto}.platform-header{position:sticky;top:0;z-index:10;background:#f6f7f1ed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.platform-nav{display:flex;align-items:center;justify-content:space-between;min-height:85px;gap:20px}.logo{font-size:27px;font-weight:850;letter-spacing:-1.5px;display:flex;gap:9px;align-items:center}.logo i{font-style:normal;font-size:28px;background:var(--ink);color:var(--lime);border-radius:10px;width:35px;height:37px;display:grid;place-items:center}.navlinks{display:flex;align-items:center;gap:24px;font-size:12px}.navlinks a:hover{color:#779244}.btn{border:0;background:var(--ink);color:white;font-size:12px;font-weight:650;border-radius:10px;padding:14px 19px;display:inline-flex;justify-content:center;align-items:center;gap:15px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px);background:#315346}.btn.lime{background:var(--lime);color:var(--ink)}.btn.ghost{background:#edf2e7;color:var(--ink)}.btn.white{background:white;color:var(--ink)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:#65852e}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c5ef65;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:52px;letter-spacing:-2.8px;line-height:1.08;margin-bottom:16px}h2{font-size:29px;letter-spacing:-1.1px;margin-bottom:12px;line-height:1.2}h3{font-size:17px;letter-spacing:-.4px}p{color:var(--muted);line-height:1.8}.explorer-intro{padding:40px 0 28px;display:flex;justify-content:space-between;gap:40px;align-items:center}.explorer-intro .eyebrow{margin-bottom:15px}.explorer-intro p{max-width:580px;font-size:14px}.intro-art{background:var(--ink);border-radius:20px;padding:25px 30px;width:290px;position:relative;overflow:hidden;color:white}.intro-art:after{content:'↗';position:absolute;font-size:160px;right:-7px;bottom:-60px;color:#d8fa7820;transform:rotate(-10deg)}.intro-art small{font-size:11px;color:#c0d0c1}.intro-art strong{font-size:29px;display:block;color:var(--lime);letter-spacing:-1px;margin:6px 0 10px}.intro-art p{font-size:10px;color:#b5c7b6;margin:0}.app-layout{display:grid;grid-template-columns:220px 1fr;gap:28px;padding-bottom:65px}.app-sidebar{position:sticky;top:110px;align-self:start}.side-heading{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin:15px 12px}.view-btn{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;border-radius:10px;padding:14px 12px;color:var(--muted);text-align:left;font-size:12px;margin-bottom:5px}.view-btn.active{background:var(--ink);color:white}.view-btn .view-icon{font-size:18px;min-width:20px}.view-count{margin-left:auto;font-size:10px;border:1px solid #cad6c4;padding:2px 6px;border-radius:5px}.sidebar-card{background:#e9efdf;border-radius:14px;padding:20px;margin:25px 0;font-size:11px}.sidebar-card h3{font-size:14px}.sidebar-card .btn{margin-top:8px;font-size:11px;padding:11px 13px}.sidebar-card p{font-size:11px;margin-bottom:8px}.app-main{min-width:0}.toolbar{display:flex;gap:12px;margin-bottom:20px}.searchbox{position:relative;flex:1}.searchbox input{padding-left:40px}.searchbox span{position:absolute;left:15px;top:12px;font-size:18px;color:var(--muted)}input,select,textarea{border:1px solid var(--line);border-radius:10px;padding:13px 15px;background:white;color:var(--ink);width:100%;font-size:12px}textarea{min-height:120px;resize:vertical}.toolbar select{max-width:200px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip-button{border:1px solid #d9e1d2;background:transparent;border-radius:50px;padding:9px 14px;font-size:11px;color:var(--muted)}.chip-button.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.catalog-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;font-size:11px;color:var(--muted);gap:15px}.catalog-meta select{max-width:170px;padding:9px 10px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-card{border:1px solid var(--line);background:white;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #1a32250d}.card-visual{padding:22px;min-height:113px;position:relative;display:flex;justify-content:space-between;align-items:start;overflow:hidden}.card-visual:after{content:'↗';position:absolute;font-size:115px;right:27px;top:-8px;transform:rotate(-10deg);opacity:.12;font-weight:800;pointer-events:none}.purple{background:#eeebfc;color:#7255c6}.blue{background:#e7effc;color:#477bc7}.orange{background:#fceedd;color:#c9833d}.pink{background:#f8e9f0;color:#bc6389}.mint{background:#e3f1e6;color:#429069}.project-icon{width:45px;height:45px;display:grid;place-items:center;background:#ffffffa8;font-weight:850;font-size:24px;border-radius:12px}.favorite{position:relative;z-index:1;background:white;border:0;border-radius:50%;height:31px;width:31px;display:grid;place-items:center;font-size:18px;color:var(--ink)}.favorite.saved{background:var(--ink);color:var(--lime)}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.source-tag{font-size:9px;display:inline-flex;align-items:center;padding:5px 8px;background:#eef4e7;border-radius:4px;font-weight:600}.source-tag.example{background:#faf0dd;color:#8a6b2e}.project-brand{font-size:10px;color:var(--muted);margin:12px 0 7px}.project-card h3{font-size:20px;letter-spacing:-.7px;line-height:1.3;margin-bottom:12px;max-width:320px}.project-card p{font-size:11px;margin-bottom:18px}.project-reward{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto}.project-reward strong{font-size:27px;letter-spacing:-1px}.project-reward small{font-size:10px;color:var(--muted);display:block;line-height:1.6}.card-bottom{display:flex;gap:8px;margin-top:19px}.card-bottom>.btn{flex:1;justify-content:space-between}.compare-check{border:1px solid var(--line);background:white;border-radius:9px;width:37px;font-size:17px;color:var(--muted)}.compare-check.selected{background:var(--lime);color:var(--ink)}.notice{background:#eef2e5;border:1px solid #dce4d0;border-radius:12px;padding:15px 18px;font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:24px}.notice a{text-decoration:underline}.empty{border:1px dashed #cbd8bf;border-radius:15px;padding:40px;text-align:center;background:white;color:var(--muted);line-height:1.9;grid-column:1/-1}.compare-dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:12;background:var(--ink);color:white;border:1px solid #3b5348;padding:13px 18px;border-radius:14px;display:flex;gap:25px;align-items:center;box-shadow:0 12px 35px #16281930;font-size:12px}.compare-dock .btn{padding:11px 14px}.section-title{margin-bottom:26px}.section-title p{font-size:13px;max-width:600px}.panel{background:white;border:1px solid var(--line);border-radius:17px;padding:29px;margin-bottom:20px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:9px;font-size:11px;font-weight:600;margin:18px 0}.check{display:flex;align-items:start;gap:8px;font-weight:400;line-height:1.8}.check input{width:auto;margin-top:4px}.field-label{font-size:11px;font-weight:600;margin-bottom:10px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid var(--line);border-radius:12px;display:block;padding:15px;margin:0;line-height:1.5}.choice:has(input:checked){border-color:#90b944;background:#f1f8e2}.choice input{width:auto;margin:0 6px 0 0}.choice span{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}.match-results{margin-top:25px}.planner-rows{display:grid;gap:12px}.plan-row{background:#f4f6ef;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr 85px 28px;gap:12px;align-items:center}.plan-row label{margin:0}.plan-row small{font-size:10px;color:var(--muted)}.plan-row input{padding:10px}.remove{border:0;background:transparent;color:var(--muted);font-size:20px}.plan-results{background:var(--ink);color:white;border-radius:17px;padding:30px;margin-bottom:20px}.plan-results p{color:#b7c9b8;font-size:11px}.plan-result-line{margin-bottom:20px;border-bottom:1px solid #41564a;padding-bottom:20px}.plan-result-line small{color:#bed0bf;font-size:11px}.plan-result-line strong{display:block;font-size:38px;letter-spacing:-1.5px;color:var(--lime);margin-top:7px}.add-plan{display:flex;gap:12px;margin-top:18px}.add-plan select{flex:1}.callout{padding:24px;background:#e4edda;border-radius:14px;margin-top:22px}.callout p{font-size:12px}.academy-progress{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.progress-track{height:6px;background:#e4eadd;border-radius:10px;margin:13px 0 24px}.progress-track div{height:100%;background:#99bd4d;border-radius:10px;width:0}.lesson{border:1px solid var(--line);border-radius:12px;background:white;margin-bottom:12px;overflow:hidden}.lesson summary{padding:20px;font-weight:650;cursor:pointer;font-size:13px}.lesson .lesson-body{padding:0 23px 22px;font-size:12px;color:var(--muted);line-height:1.9}.lesson ul{padding-left:18px}.lesson-check{border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.lesson-check .btn{font-size:11px}.template-output{background:#f6f8f0;border-radius:12px;padding:20px;white-space:pre-wrap;line-height:1.9;font-size:12px}.footer{border-top:1px solid var(--line);padding:30px 0;margin-top:20px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:20px}.toast{position:fixed;right:24px;bottom:25px;background:var(--ink);color:white;border-radius:12px;padding:15px 20px;max-width:380px;z-index:25;box-shadow:0 8px 40px #0002;font-size:12px;line-height:1.7}.modal{border:0;border-radius:20px;padding:0;width:min(700px,calc(100% - 28px));max-height:88vh;box-shadow:0 20px 100px #0003;color:var(--ink)}.modal.wide{width:min(940px,calc(100% - 28px))}.modal::backdrop{background:#112d25ae;backdrop-filter:blur(7px)}.modal-body{padding:32px}.close{float:right;border:0;background:#eef3e6;width:33px;height:33px;border-radius:50%;font-size:20px}.modal p,.modal li{font-size:12px;line-height:1.9;color:var(--muted)}.modal h2{margin-top:15px}.modal .project-icon{margin:15px 0}.detail-reward{background:var(--ink);padding:23px;border-radius:13px;color:white;margin:20px 0}.detail-reward strong{display:block;font-size:34px;color:var(--lime);margin:7px 0}.detail-reward small{font-size:11px;color:#c3d5c2}.compare-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:11px}.compare-table th,.compare-table td{padding:15px 10px;text-align:left;border-bottom:1px solid var(--line);line-height:1.8;vertical-align:top}.compare-scroll{overflow:auto}.full-width{width:100%}.pill-line{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.skill-pill{font-size:10px;border:1px solid var(--line);padding:5px 9px;border-radius:20px}.small-note{font-size:10px;color:var(--muted);line-height:1.8}.form-error{font-size:11px;color:#9a452d;line-height:1.8;margin-top:14px}@media(max-width:1050px){.shell{width:calc(100% - 36px)}.app-layout{grid-template-columns:185px 1fr;gap:20px}.navlinks{gap:15px}.navlinks a{font-size:11px}.two-columns{grid-template-columns:1fr}.intro-art{width:240px}.project-card h3{font-size:18px}.card-body{padding:19px}.plan-row{grid-template-columns:1fr 85px 28px}}@media(max-width:760px){.platform-nav{min-height:74px}.navlinks>a:nth-child(2),.navlinks>a:nth-child(3){display:none}.navlinks{gap:11px}.logo{font-size:24px}.navlinks>.btn{padding:11px 13px;font-size:10px}.explorer-intro{padding:30px 0 20px;display:block}h1{font-size:40px;letter-spacing:-2px}.intro-art{display:none}.app-layout{display:block}.app-sidebar{position:static;display:flex;overflow-x:auto;gap:6px;margin-bottom:20px;padding-bottom:5px}.side-heading,.sidebar-card{display:none}.view-btn{min-width:145px;width:auto;white-space:nowrap;padding:11px 12px;font-size:11px}.project-grid{gap:12px}.toolbar{flex-wrap:wrap}.toolbar select{max-width:100%;flex:1}.searchbox{flex-basis:100%}.card-body{padding:17px}.card-visual{min-height:93px;padding:18px}.project-card h3{font-size:18px}.project-reward strong{font-size:23px}.card-bottom{flex-wrap:wrap}.card-bottom>.btn{font-size:10px;padding:12px}.catalog-meta{font-size:10px}.panel{padding:23px}.modal-body{padding:23px}.compare-dock{width:calc(100% - 28px);bottom:14px;gap:12px;justify-content:space-between;font-size:11px}.compare-dock .btn{font-size:10px;white-space:nowrap}.footer{flex-wrap:wrap}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.navlinks a:not(.btn){display:none}.shell{width:calc(100% - 28px)}.plan-row{grid-template-columns:1fr 68px 25px;gap:8px}.add-plan{flex-wrap:wrap}.add-plan select{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}