:root{--green:#6faa3f;--deep:#203b26;--ink:#344b36;--orange:#ef7124;--muted:#5f705f;--bg:#fbf8ef;--line:#dcebd4;--soft:#edf7e7;--red:#bf3b3b}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:16px/1.5 'DM Sans',sans-serif;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:76px;background:white;display:flex;align-items:center;padding:0 5.8vw;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo-frame{width:213px;height:60px;display:block;flex:0 0 213px}.brand-logo-frame img{width:213px;height:60px;max-width:100%;object-fit:contain;display:block}.portal-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--orange);border-left:1px solid var(--line);padding-left:12px}.mock-pill{font-size:12px;color:#496257;background:#f3faf5;border:1px solid #d2ead8;border-radius:999px;padding:5px 10px}.mock-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:5px}.utility{margin-left:auto;display:flex;gap:22px}.utility a,.link-btn{font-size:13px;color:#44544c;text-decoration:none;background:none;border:0}.portal{max-width:1430px;margin:auto;display:grid;grid-template-columns:335px minmax(0,760px);gap:70px;padding:48px 5.8vw 68px}.sidebar{min-height:680px;border-right:1px solid var(--line);padding-right:42px}.eyebrow{font-size:11px;font-weight:700;color:var(--green);letter-spacing:1.5px;margin:0 0 10px}.side-intro h1{font:600 36px/1.1 'Playfair Display',serif;margin:0 0 12px}.side-intro h1 em{color:var(--green);font-style:italic}.side-intro>p:last-child{font-size:14px;color:var(--muted);margin:0}.steps{list-style:none;margin:38px 0;padding:0}.steps li{display:flex;gap:14px;min-height:61px;position:relative;color:#7a8781;font-size:13px;font-weight:600}.steps li:not(:last-child):after{content:"";position:absolute;width:1px;background:#d6dfd9;left:13px;top:29px;height:25px}.step-no{height:27px;width:27px;border:1px solid #c9d6cf;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--bg);z-index:1}.steps b{display:block;color:inherit;font-size:13px}.steps small{display:block;font-weight:400;font-size:11px;color:#87928c}.steps .active{color:var(--ink)}.steps .active .step-no{color:white;background:var(--green);border-color:var(--green)}.steps .done .step-no{color:white;background:#3a9d65;border-color:#3a9d65}.steps .done .step-no:after{content:"✓"}.steps .done .step-no{font-size:0}.steps .done .step-no:after{font-size:13px}.steps-ahead{display:flex;gap:11px;padding:17px;background:#e9f4ec;border-left:3px solid var(--green);font-size:12px;color:#557060}.steps-ahead p{margin:3px 0 0}.spark{color:var(--green);font-size:18px}.workspace{padding-top:3px}.statusline{display:flex;justify-content:space-between;font-size:12px;color:#738078;margin:0 3px 12px}.link-btn{text-decoration:underline}.form-card{background:white;border:1px solid #e4ebe6;box-shadow:0 16px 45px rgba(23,63,39,.06);padding:42px 46px 28px}.form-heading{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid #edf1ee;margin-bottom:28px}.form-heading h2{font:600 29px/1.15 'Playfair Display',serif;margin:0 0 8px}.form-heading p:last-child{font-size:14px;color:var(--muted);margin:0;max-width:490px}.step-badge{font:600 24px Georgia;color:#b2c4b8;background:#f3f8f4;width:55px;height:55px;display:grid;place-items:center;border-radius:50%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.span-2{grid-column:span 2}label{display:block;font-size:13px;font-weight:600;color:#36433d}input,select,textarea{margin-top:7px;width:100%;border:1px solid #cfd9d2;border-radius:5px;padding:11px 12px;color:var(--ink);background:white;outline:0;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #e4f3e9}textarea{min-height:91px;resize:vertical}.hint{font-size:11px;color:#7e8983;margin:5px 0 0}.error{font-size:11px;color:var(--red);margin:4px 0 0}.checkrow{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#53615a}.checkrow input{width:auto;margin:3px 0 0;accent-color:var(--green)}.otp-block{background:#f7fbf8;border:1px solid #dcece1;padding:17px;margin:21px 0}.otp-actions{display:flex;gap:10px;align-items:center;margin-top:10px}.tiny-btn{border:0;background:none;color:var(--green);font-weight:700;font-size:12px;padding:0}.verified{color:var(--green);font-weight:700;font-size:12px}.notice{margin:-7px 0 18px;padding:11px 13px;background:#eef8f1;color:#2e7048;border-left:3px solid var(--green);font-size:13px}.form-actions{border-top:1px solid #edf1ee;margin-top:29px;padding-top:22px;display:flex;justify-content:space-between}.primary,.secondary{border-radius:5px;padding:11px 17px;font-size:13px;font-weight:700;border:1px solid var(--green)}.primary{background:var(--green);color:white;box-shadow:0 4px 10px #c8e4d2}.primary span{font-size:17px;margin-left:8px}.secondary{color:#496257;background:white;border-color:#d5dfd8}.security-note{font-size:11px;color:#748079;text-align:center;margin-top:16px}.mobile-progress{display:none}.choice-list{display:flex;flex-wrap:wrap;gap:9px}.choice-list label{border:1px solid #d6e0d9;border-radius:20px;padding:8px 12px;font-size:12px;font-weight:500}.choice-list input{width:auto;margin:0 5px 0 0;accent-color:var(--green)}.details-card{border:1px solid #b8d9c2;background:#f6fcf7;padding:16px;margin-top:16px}.details-card h3{margin:0 0 9px;font-size:14px}.detail-pairs{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;color:#617168}.detail-pairs b{display:block;color:var(--ink)}.dropzone{border:1.5px dashed #a8c7b0;background:#f8fbf9;padding:26px 15px;text-align:center;color:#65746c}.dropzone strong{display:block;color:var(--green)}.doc-list{margin-top:15px}.doc-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e8eee9;font-size:13px}.review-section{border:1px solid #e2eae4;padding:16px;margin-bottom:13px}.review-section h3{margin:0 0 9px;font-size:14px}.review-section p{font-size:13px;color:#65746c;margin:3px 0}.review-section button{float:right;border:0;background:none;color:var(--green);font-weight:700;font-size:12px}.success-view{text-align:center;padding:20px 0}.success-icon{width:66px;height:66px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:#e5f5ea;color:var(--green);font-size:30px}.application-id{background:#f3f8f4;color:var(--green);font-weight:700;padding:10px;margin:14px auto;max-width:300px}.toast{position:fixed;right:24px;bottom:24px;background:#233c2e;color:white;padding:12px 16px;border-radius:5px;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;font-size:13px}.toast.show{opacity:1;transform:none}dialog{width:min(420px,90vw);border:0;padding:31px;box-shadow:0 20px 70px #17271e55}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:23px;color:#64716a}dialog h2{font:600 28px 'Playfair Display',serif;margin:0 0 7px}dialog p{color:var(--muted);font-size:14px}.full{width:100%;margin-top:18px}dialog small{display:block;text-align:center;margin-top:12px;color:#7a8781}.hidden{display:none}@media(max-width:900px){.portal{grid-template-columns:1fr;gap:0;padding:25px 5vw}.sidebar{display:none}.workspace{max-width:760px;width:100%;margin:auto}.mobile-progress{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64716a;margin-bottom:14px}.mobile-progress div{height:5px;width:65%;background:#dce7df;border-radius:10px;overflow:hidden}.mobile-progress i{display:block;height:100%;background:var(--green);width:14.28%;transition:.3s}.topbar{padding:0 5vw;height:65px}.utility a:not(:first-child),.mock-pill{display:none}.utility{margin-left:auto}.form-card{padding:33px 32px 24px}}@media(max-width:560px){.topbar{gap:0}.brand{font-size:15px}.brand-mark{width:31px;height:31px}.utility a{font-size:0}.utility a:first-child:before{content:'☎';font-size:18px}.portal{padding:17px 0}.workspace{padding:0}.statusline{padding:0 17px}.form-card{border-left:0;border-right:0;padding:28px 18px 18px}.form-heading h2{font-size:25px}.form-heading{margin-bottom:22px}.form-grid{grid-template-columns:1fr;gap:16px}.span-2{grid-column:auto}.detail-pairs{grid-template-columns:1fr}.form-actions{position:sticky;bottom:0;background:white;padding:13px 0 2px;margin-top:23px}.security-note{padding:0 15px}.step-badge{width:43px;height:43px;font-size:18px}.otp-actions{flex-wrap:wrap}}
.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.document-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px;min-height:164px}.document-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.document-card h3{font-size:14px;line-height:1.25;color:var(--deep);margin:0 0 3px}.document-card small{font-size:11px;color:var(--muted)}.document-card .required-label{color:var(--orange);font-weight:700}.uploaded-state{font-size:11px;font-weight:700;color:#3a8150;background:#e9f5ea;border-radius:999px;padding:3px 7px}.document-drop{height:78px;border:1.5px dashed #b4cfb0;background:#f8fbf6;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;color:var(--muted);transition:.2s}.document-drop:hover{border-color:var(--green);background:var(--soft)}.document-drop strong{font-size:13px;color:var(--green)}.document-drop span{font-size:10px;margin-top:3px}.file-ready{display:flex;gap:7px;align-items:center;min-height:44px;border:1px solid #d5ead4;background:#f7fcf5;padding:9px 10px;font-size:12px;color:var(--ink)}.file-ready span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.document-hint{margin:17px 0 0}@media(max-width:560px){.document-grid{grid-template-columns:1fr}.document-card{min-height:0}}
/* Portal polish — document review surface */
body{background:radial-gradient(circle at 4% 10%,rgba(111,170,63,.12),transparent 27rem),radial-gradient(circle at 98% 82%,rgba(239,113,36,.10),transparent 23rem),var(--bg)}
.topbar{height:82px;background:rgba(255,255,255,.94);box-shadow:0 4px 18px rgba(32,59,38,.04);position:sticky;top:0;z-index:10}.portal{gap:58px;padding-top:52px}.sidebar{border-right:0;padding:30px 28px;background:rgba(255,255,255,.62);border:1px solid rgba(220,235,212,.9);border-radius:18px;box-shadow:0 18px 45px rgba(32,59,38,.05);height:max-content}.side-intro h1{font-size:38px;letter-spacing:-.8px}.steps{margin:34px 0 28px}.steps li{min-height:58px}.steps .active{background:#f1f8eb;margin-left:-10px;padding:8px 10px;border-radius:9px}.steps .active:after{display:none}.steps-ahead{border-radius:10px;border-left-width:4px;background:linear-gradient(135deg,#edf7e7,#fff8ef)}.form-card{border-radius:16px;padding:44px 48px 30px;box-shadow:0 24px 60px rgba(32,59,38,.09);border-color:#e0eadc}.form-heading{position:relative}.form-heading:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:62px;background:linear-gradient(90deg,var(--green),var(--orange))}.form-heading h2{font-size:31px;letter-spacing:-.5px}.step-badge{background:linear-gradient(135deg,#fff4ea,#edf7e7);border:1px solid #f3e5d6;color:var(--orange)}.form-actions{align-items:center}.primary{border:0;background:linear-gradient(135deg,#5d9f38,var(--green));border-radius:8px;padding:13px 20px;box-shadow:0 10px 22px rgba(87,153,56,.23);transition:transform .2s,box-shadow .2s}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 26px rgba(87,153,56,.3)}.secondary{border-radius:8px;padding:12px 19px}.document-grid{gap:18px;margin-top:3px}.document-card{border-radius:12px;padding:18px;min-height:176px;box-shadow:0 6px 18px rgba(32,59,38,.035);transition:transform .2s,box-shadow .2s,border-color .2s}.document-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(32,59,38,.08);border-color:#b9d8ae}.document-card-head{margin-bottom:16px}.document-card h3{font-size:15px}.document-card small{display:inline-block;margin-top:2px}.document-drop{height:88px;border-radius:8px;background:linear-gradient(135deg,#fbfdf9,#f2f8ee);gap:3px}.document-drop strong{font-size:13px}.document-drop strong:before{content:"＋";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:5px;border-radius:50%;background:var(--green);color:#fff;font-size:14px;line-height:1}.file-ready{border-radius:8px;min-height:52px}.uploaded-state{background:#e3f4e2;color:#287142;padding:4px 8px}.required-label:before{content:"●";font-size:8px;margin-right:4px}.document-hint{display:flex;align-items:center;gap:7px;padding:11px 13px;border-radius:8px;background:#fff8ef;border:1px solid #f6e5d2;color:#736a5b}.document-hint:before{content:"i";display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:700}.security-note{background:rgba(255,255,255,.66);padding:8px 12px;border-radius:999px;width:max-content;margin:17px auto 0}.statusline{padding:0 4px}@media(max-width:900px){.portal{padding-top:28px}.sidebar{display:none}.form-card{border-radius:14px}}@media(max-width:560px){.topbar{height:68px}.portal{padding-top:16px}.form-card{border-radius:0;padding:30px 18px 18px}.form-heading h2{font-size:27px}.document-grid{gap:12px}.document-card{min-height:154px;padding:15px}.document-drop{height:76px}.security-note{border-radius:0;width:100%;margin-top:0}.form-actions{box-shadow:0 -8px 16px rgba(32,59,38,.05);padding-top:13px}}