:root{--navy:#173048;--navy2:#0f253a;--ink:#21354a;--muted:#64758a;--border:#dee5ed;--gold:#b79a6a;--cream:#f8f4ee;--bg:#f5f7f9;--green:#22826c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:14px;line-height:1.85}button,input,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #cbb88e;outline-offset:2px}.site-head{background:#fff;border-bottom:3px solid var(--gold)}.head-inner{max-width:1320px;padding:14px 22px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px}.branding{display:flex;align-items:center;gap:13px;min-width:0}.branding img{max-width:150px;max-height:74px;object-fit:contain}.branding.km img{max-width:145px;max-height:67px}.brand-text{display:flex;flex-direction:column;gap:0}.brand-text b{font-size:15px}.brand-text span{font-size:10px;color:var(--muted);letter-spacing:.4px;direction:ltr;text-align:right}.plus{font-weight:700;color:#b5beca;font-size:25px}.container{max-width:1320px;margin:auto;padding:22px}.hero{background:linear-gradient(125deg,var(--navy2),var(--navy) 67%,#304b65);color:white;border-radius:16px;padding:30px 34px;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:240px;height:240px;border:2px solid #ffffff13;border-radius:50%;left:-65px;top:-80px}.eyebrow{color:#e1c9a0;font-size:11px;font-weight:bold;letter-spacing:1.1px}.hero h1{font-size:25px;line-height:1.55;max-width:850px;margin:10px 0}.hero p{max-width:950px;color:#e2e8ef;margin:4px 0 14px}.hero-points{display:flex;gap:11px;flex-wrap:wrap}.hero-points span{border:1px solid #ffffff4a;border-radius:30px;padding:4px 13px;font-size:12px}.notice{background:var(--cream);border-right:4px solid var(--gold);padding:13px 18px;margin:16px 0 22px;border-radius:8px}.app-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.sidebar,.workspace{border:1px solid var(--border);background:#fff;border-radius:14px;box-shadow:0 5px 20px #132b4009}.sidebar{padding:17px;position:sticky;top:15px}.sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-head small{color:var(--muted);font-size:11px}.progress-track{height:7px;background:#e9edf0;border-radius:50px;overflow:hidden;margin:13px 0}.progress-track>div{height:100%;width:0;background:var(--gold);transition:width .25s}.step-list{display:grid;gap:5px}.step{display:flex;align-items:center;gap:9px;text-align:right;background:transparent;border-radius:8px;color:var(--ink);width:100%;padding:9px 10px;font-size:12px;line-height:1.5}.step:hover{background:#f2f5f8}.step.active{background:var(--navy);color:#fff}.stepnum{display:inline-flex;align-items:center;justify-content:center;flex:none;width:25px;height:25px;background:#edf0f5;color:#44566a;border-radius:50%;font-size:11px;font-weight:700}.step.active .stepnum{background:#fff;color:var(--navy)}.step.done .stepnum{background:#dcefe9;color:#1e7a63}.sidebar-foot{border-top:1px solid var(--border);margin-top:12px;padding-top:13px;color:var(--muted);font-size:11px}.workspace{min-height:500px;overflow:hidden}.stage{padding:25px 28px}.loading{padding:50px;text-align:center;color:var(--muted)}.section-title{color:var(--gold);font-size:12px;font-weight:bold}.section-head{margin-bottom:25px;border-bottom:1px solid var(--border);padding-bottom:18px}.section-head h2{font-size:23px;margin:6px 0}.section-head p{margin:0;color:var(--muted)}.question{margin:0 0 19px;padding:18px 19px;border:1px solid var(--border);border-radius:11px;background:#fff}.question:focus-within{border-color:#d5ba8c}.question-head{display:flex;gap:12px;align-items:baseline;margin-bottom:12px}.qid{font:700 12px Arial;color:var(--gold);direction:ltr}.question-head h3{font-size:15px;margin:0;line-height:1.7}.subtle{font-size:12px;color:var(--muted);margin:4px 0 12px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.choice{display:flex;gap:10px;align-items:flex-start;background:#f8fafb;border:1px solid #e4eaf0;border-radius:8px;padding:10px;line-height:1.5;cursor:pointer}.choice:hover{border-color:#bba375}.choice:has(input:checked){border-color:var(--gold);background:#fff9ed}.choice input{accent-color:var(--navy);margin-top:3px}.qtext,.field{width:100%;border:1px solid #d7dfe8;border-radius:8px;padding:11px;color:var(--ink);background:#fff;min-height:42px}.qtext{min-height:100px;resize:vertical}.note-toggle{border:0;color:#315a78;background:transparent;font-size:12px;padding:8px 0}.detail{margin-top:8px}.detail label{display:block;color:var(--muted);font-size:12px}.nav-buttons{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fbfcfd;border-top:1px solid var(--border);padding:18px 26px}.nav-buttons button,.primary,.outline{padding:10px 21px;border-radius:8px;font-weight:bold}.primary{background:var(--navy);color:#fff}.primary:hover{background:#274767}.outline{background:white;border:1px solid #c8d2de;color:var(--navy)}.saved{font-size:11px;color:var(--muted)}.dot{display:inline-block;width:6px;height:6px;background:#26a786;border-radius:50%;vertical-align:middle}.finish-form{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:17px;margin:15px 0}.finish-form .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.finish-form label{display:block;font-weight:bold;font-size:12px}.ack{display:flex;align-items:flex-start;gap:9px;margin:16px 0;font-size:12px}.ack input{accent-color:var(--navy);margin-top:6px}.review-box{max-height:450px;overflow:auto;border:1px solid var(--border);border-radius:8px;padding:12px}.review-row{border-bottom:1px solid #e9edf1;padding:10px 2px}.review-row b{display:block}.review-row em{color:var(--muted);font-style:normal}.success{border:1px solid #b6dbc6;background:#effaf3;padding:24px;border-radius:12px;text-align:center}.error{background:#fff0ed;color:#ab2c20;padding:10px;border-radius:7px}.footer{text-align:center;color:var(--muted);font-size:11px;margin-top:25px;padding-bottom:10px;direction:ltr}#jiwarFallback{font-size:18px;font-weight:bold;color:#9e703f}button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:880px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.step-list{display:flex;overflow:auto;gap:4px}.step{min-width:160px;flex:none}.sidebar-foot{display:none}.stage{padding:17px}.options{grid-template-columns:1fr}}@media(max-width:600px){.container{padding:10px}.hero{padding:20px}.hero h1{font-size:21px}.branding img{max-width:85px;max-height:50px}.branding.km img{max-width:90px}.brand-text{display:none}.head-inner{padding:10px}.finish-form .fields{grid-template-columns:1fr}.nav-buttons{padding:10px;flex-wrap:wrap}.saved{order:3;width:100%;text-align:center}}
