.jba{--ink: #14171a;--bg: #f7f8f7;--brand: #5b9b71;--brand-deep: #4a8560;--brand-on-dark: #79b08c;--t1: #171a18;--t2: #3b423e;--t3: #5c645f;--t4: #9aa39d;--line: #dde2de;--line-2: #eef1ef;--font-display: "Alata", system-ui, sans-serif;--font-body: "Open Sans", system-ui, -apple-system, sans-serif;min-height:100vh;background:var(--bg);color:var(--t1);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}.jba *,.jba *:before,.jba *:after{box-sizing:border-box}.jba h1,.jba h2{font-family:var(--font-display);font-weight:400;margin:0}.jba p{margin:0}.jba a{color:var(--brand);text-decoration:none}.jba a:hover{color:var(--brand-deep)}.jba-hero{position:relative;background:var(--ink);color:#fff;padding:72px 24px 120px;overflow:hidden}.jba-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.06) 1.3px,transparent 1.3px);background-size:26px 26px;pointer-events:none}.jba-hero .molecule{position:absolute;right:-90px;top:-70px;width:380px;height:380px;opacity:.09;background:no-repeat center/contain url(/images/stactory-logo.png);pointer-events:none}.jba-hero .inner{position:relative;max-width:760px;margin:0 auto}.jba-hero .kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--brand-on-dark);margin-bottom:18px}.jba-hero h1{font-size:46px;line-height:1.08;letter-spacing:-.01em;color:#fff}.jba-hero .sub{font-size:16px;line-height:1.7;color:#ffffffb8;margin-top:18px;max-width:560px}.jba-main{max-width:760px;margin:-64px auto 80px;padding:0 24px;position:relative}.jba-card{background:#fff;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 10px 30px #14171a14;overflow:hidden}.jba-sec{padding:0 40px}.jba-sec.first{padding-top:36px}.jba-divider{height:1px;background:var(--line-2);margin:32px 40px}.jba-sechead{display:flex;align-items:baseline;gap:12px;margin-bottom:6px}.jba-secnum{font-family:var(--font-display);font-size:13px;color:var(--brand)}.jba-sechead h2{font-size:21px;color:var(--t1)}.jba-seclead{font-size:13px;color:var(--t3);margin:6px 0 14px}.jba-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.jba-field{display:flex;flex-direction:column;gap:6px}.jba-field label,.jba-sublabel{font-size:12.5px;font-weight:600;color:var(--t2)}.jba-field label .opt{font-weight:400;color:var(--t4)}.jba-hint{font-size:12.5px;color:var(--t3);margin-bottom:8px}.jba-input,.jba-select{font-family:var(--font-body);font-size:14px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--t1);outline:none;width:100%}.jba-input::-moz-placeholder{color:var(--t4)}.jba-input::placeholder{color:var(--t4)}.jba-input:focus,.jba-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #5b9b7126}.jba-chips{display:flex;flex-wrap:wrap;gap:8px}.jba-chip{padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--t2);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.jba-chip.square{border-radius:8px;padding:9px 17px}.jba-chip:hover{border-color:var(--brand)}.jba-chip.on{background:#5b9b7121;border-color:var(--brand);color:#3d6e50}.jba-selfeval{margin-top:26px;background:var(--bg);border:1px solid var(--line-2);border-radius:10px;padding:20px 22px}.jba-selfeval .title{font-size:13.5px;font-weight:700;color:var(--t1)}.jba-selfeval .note{font-size:12.5px;color:var(--t3);margin-top:3px}.jba-skill{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.jba-skill .name{font-size:13.5px;color:var(--t2);flex:1;min-width:200px}.jba-skill .levels{display:flex;gap:6px}.jba-lvl{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--t2);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.jba-lvl:hover{border-color:var(--brand)}.jba-lvl.on{background:var(--brand);border-color:var(--brand);color:#fff}.jba-check{display:flex;align-items:center;gap:10px;margin-top:16px;cursor:pointer;font-size:13.5px;color:var(--t2)}.jba-check input{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.jba-submitbar{margin-top:36px;padding:24px 40px;background:var(--bg);border-top:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.jba-submitbar .note{font-size:12.5px;color:var(--t3);max-width:380px}.jba-submit{background:var(--brand);color:#fff;border:none;font-family:var(--font-body);font-weight:700;font-size:14.5px;padding:13px 30px;border-radius:9px;cursor:pointer}.jba-submit:hover{background:var(--brand-deep)}.jba-submit:disabled{opacity:.6;cursor:default}.jba-error{font-size:13px;color:#b3372f;font-weight:600}.jba-done{background:#fff;border:1px solid var(--line-2);border-radius:14px;padding:64px 40px;text-align:center;box-shadow:0 10px 30px #14171a14}.jba-done .badge{width:56px;height:56px;border-radius:50%;background:#5b9b7124;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.jba-done h2{font-size:28px;color:var(--t1)}.jba-done p{font-size:15px;line-height:1.7;color:var(--t3);margin:12px auto 0;max-width:420px}.jba-foot{text-align:center;font-size:12px;color:var(--t4);margin-top:24px}@media (max-width: 640px){.jba-hero{padding:56px 20px 104px}.jba-hero h1{font-size:34px}.jba-main{padding:0 16px}.jba-sec,.jba-sec.first{padding-left:22px;padding-right:22px}.jba-divider{margin:28px 22px}.jba-grid2{grid-template-columns:1fr}.jba-submitbar{padding:20px 22px}.jba-done{padding:48px 24px}}
