body{background:var(--navy-950);}
  .page{min-height:100vh;display:flex;flex-direction:column;}

  .hero{
    background:linear-gradient(155deg,var(--navy-950),var(--navy-800) 65%,var(--navy-700));
    color:#fff;padding:34px 20px 70px;position:relative;overflow:hidden;
  }
  .hero::after{content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(224,123,46,.25),transparent 70%);}
  .hero-inner{max-width:720px;margin:0 auto;position:relative;}
  .hero-brand{display:flex;align-items:center;gap:11px;margin-bottom:22px;flex-wrap:wrap;}
  .hero-brand .brand-logos{display:flex;align-items:center;gap:9px;flex-shrink:0;}
  .hero-brand .brand-logo-item{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.2),0 5px 14px rgba(0,0,0,.18);}
  .hero-brand .brand-logo-item.dti{width:42px;height:42px;padding:3px;}
  .hero-brand .brand-logo-item.lgu{width:38px;height:38px;padding:4px;}
  .hero-brand .brand-logo{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%;}
  .hero-brand strong{display:block;font-size:14px;}
  .hero-brand span{display:block;font-size:11px;color:#9fb0d1;}
  .form-code-chip{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 12px;font-family:var(--font-mono);font-size:10.5px;color:#dfe6f5;line-height:1.5;text-align:right;}
  .hero h1{color:#fff;font-size:clamp(21px,4vw,28px);max-width:540px;line-height:1.25;}
  .hero p{color:#c3cee5;font-size:13.5px;margin-top:10px;max-width:480px;line-height:1.6;}

  .content{flex:1;max-width:720px;margin:-42px auto 60px;padding:0 20px;width:100%;}

  .consent-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:22px 24px;margin-bottom:16px;}
  .consent-card h3{font-size:13.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
  .consent-card h3 .material-symbols-outlined{font-size:17px;color:var(--orange-600);}
  .consent-card p{font-size:12px;color:var(--ink-700);line-height:1.65;}
  .consent-card p + p{margin-top:8px;}

  .stepper{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:14px 16px;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
  .step{display:flex;align-items:center;gap:8px;flex:1;}
  .step-num{width:26px;height:26px;border-radius:50%;background:var(--ink-100);color:var(--ink-500);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;}
  .step.active .step-num{background:var(--orange-600);color:#fff;}
  .step.done .step-num{background:var(--green-600);color:#fff;}
  .step-label{font-size:11.5px;font-weight:700;color:var(--ink-500);white-space:nowrap;}
  .step.active .step-label{color:var(--navy-900);}
  .step-line{flex:1;height:2px;background:var(--ink-100);margin:0 2px;}
  @media(max-width:520px){.step-label{display:none;}}
  .draft-status{margin:-8px 4px 12px;color:var(--ink-500);font-size:11.5px;}
  .draft-status[data-state="error"]{color:var(--red-600);}

  .formcard{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:26px 24px 24px;}
  .formcard-head{margin-bottom:20px;}
  .formcard-head h2{font-size:18px;}
  .formcard-head p{font-size:12.5px;color:var(--ink-500);margin-top:4px;}

  .form-section{margin-bottom:24px;}
  .form-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--navy-800);margin-bottom:14px;padding-bottom:8px;border-bottom:1px dashed var(--ink-100);}
  .form-section-title .material-symbols-outlined{font-size:16px;color:var(--orange-600);}
  .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
  .grid-5{display:grid;grid-template-columns:minmax(100px,.95fr) minmax(130px,1.3fr) minmax(110px,1fr) minmax(110px,1fr) minmax(80px,.7fr);gap:14px;}
  .grid-5 > .field{min-width:0;}
  @media(max-width:680px){.grid-5{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr;}}
  .field{margin-bottom:14px;}
  .field:last-child{margin-bottom:0;}

  /* checkbox groups (Social Classification, Sex, Business Status) */
  .check-grid{display:flex;flex-wrap:wrap;gap:8px 20px;padding:2px 0 4px;}
  .check-opt{display:flex;align-items:center;gap:7px;}
  .check-opt input{width:16px;height:16px;accent-color:var(--navy-800);flex-shrink:0;}
  .check-opt label{margin:0;font-weight:500;color:var(--ink-900);font-size:13px;}
  .check-opt.with-text{flex-basis:100%;}
  .check-opt.with-text input[type=text]{height:42px;margin-left:6px;flex:1;max-width:220px;padding:6px 9px;font-size:12.5px;}

  .form-nav{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:18px;border-top:1px solid var(--ink-100);}
  .form-page{display:none;}
  .form-page.active{display:block;animation:fade .2s ease;}
  @keyframes fade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}

  /* Review page */
  .review-group{margin-bottom:18px;}
  .review-group h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--navy-800);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
  .review-group h4 .edit-link{margin-left:auto;font-size:11px;color:var(--blue-500);font-weight:700;cursor:pointer;text-transform:none;letter-spacing:0;}
  .review-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;background:var(--paper);border-radius:10px;padding:14px 16px;}
  @media(max-width:520px){.review-grid{grid-template-columns:1fr;}}
  .review-item dt{font-size:10.5px;color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;}
  .review-item dd{margin:2px 0 0;font-size:13px;font-weight:600;color:var(--ink-900);}
  .review-item dd.empty{color:var(--ink-300);font-weight:500;}

  .cert-box{background:var(--paper);border-radius:10px;padding:16px;margin-top:20px;}
  .cert-box p{font-size:12.5px;color:var(--ink-900);line-height:1.6;margin-bottom:12px;font-weight:600;}
  .attest-box{display:flex;gap:11px;background:var(--amber-100);border:1px solid #f0dcb0;border-radius:10px;padding:14px 16px;margin-top:14px;}
  .attest-box .material-symbols-outlined{color:var(--amber-600);flex-shrink:0;}
  .attest-box label{font-weight:600;color:var(--ink-900);margin:0;font-size:12.5px;line-height:1.5;}
  .attest-box input{width:16px;height:16px;margin-top:2px;accent-color:var(--amber-600);flex-shrink:0;}
  .attest-row{display:flex;gap:10px;align-items:flex-start;}

  /* Success page */
  .success{text-align:center;padding:30px 10px 10px;}
  .success-icon{width:64px;height:64px;border-radius:50%;background:var(--green-100);color:var(--green-600);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
  .success-icon .material-symbols-outlined{font-size:32px;}
  .success h2{font-size:19px;margin-bottom:8px;}
  .success p{font-size:13px;color:var(--ink-500);max-width:420px;margin:0 auto;line-height:1.6;}
  .ref-box{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1.5px dashed var(--ink-300);border-radius:8px;padding:10px 16px;margin:18px 0;font-family:var(--font-mono);font-size:13px;color:var(--navy-800);}

  footer{text-align:center;padding:18px;color:#7f92ba;font-size:11.5px;}