.form-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.form-page-head h1{margin:8px 0 4px;color:var(--navy);font-size:clamp(2rem,5vw,3.3rem);line-height:1.1}.form-page-head p{margin:0;color:var(--muted)}.data-form{display:grid;gap:22px}.data-form fieldset{margin:0;padding:26px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--green);border-radius:8px}.data-form legend{padding:0 10px;color:var(--navy);font-size:1.05rem;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid label{display:grid;gap:7px;color:#334353;font-size:.84rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px 12px;border:1px solid #cbd8e2;border-radius:5px;background:#fff;color:var(--ink);font:inherit}.form-grid input:disabled{background:#eef2f5;color:#64717c}.form-grid textarea{min-height:105px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:3px solid rgba(8,120,201,.12);border-color:var(--green)}.span-2{grid-column:span 2}.form-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.validation-box{margin-bottom:20px;padding:16px 20px;border-left:5px solid #ba2b2b;background:#fff1f1;color:#7d2020;border-radius:5px}.validation-box ul{margin-bottom:0}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.upload-card{display:grid;gap:10px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px}.upload-title{color:var(--navy);font-weight:800}.upload-card input{width:100%;padding:10px;background:#f4f7f9;border:1px dashed #9cb0c0;border-radius:5px}.upload-card small{color:var(--muted)}.file-status{width:max-content;padding:4px 9px;border-radius:999px;background:#e2f1fb;color:#075590;font-size:.74rem;font-weight:800}.file-empty{background:#fff3cc;color:#715300}.card-link{display:block;margin-top:18px;color:var(--green);font-weight:800;text-decoration:none}.card-link:hover{text-decoration:underline}@media(max-width:760px){.form-page-head{display:block}.form-page-head>.button{margin-top:16px}.form-grid,.form-grid-3,.upload-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.data-form fieldset{padding:20px}.form-actions{justify-content:stretch}.form-actions .button{width:100%}.site-header nav>a[href*="biodata"],.site-header nav>a[href*="berkas"]{display:none}}