feat: add optional NPWP field during registration and fix landing page tablet layout

src/index.css

@@ -147,6 +147,19 @@ h1, h2, h3, .font-headline { font-family: var(--font-headline); }
 }
 
 /* ============ LANDING PAGE RESPONSIVE ============ */
+@media (max-width: 1024px) {
+  .landing-hero {
+    gap: 30px !important;
+    padding: 60px 5% 80px 5% !important;
+  }
+  .landing-hero h2 {
+    font-size: 38px !important;
+  }
+  .landing-features-grid {
+    grid-template-columns: repeat(2, 1fr) !important;
+  }
+}
+
 @media (max-width: 768px) {
   .landing-header {
     padding: 16px 5% !important;

src/pages/Register.jsx

@@ -11,7 +11,7 @@ const INPUT_STYLE = {
 
 export default function Register() {
   const [step, setStep] = useState(1);
-  const [form, setForm] = useState({ company_name: '', company_address: '', bank_account_number: '', bank_name: '', owner_name: '', owner_email: '', owner_phone: '', owner_password: '' });
+  const [form, setForm] = useState({ company_name: '', company_address: '', npwp: '', bank_account_number: '', bank_name: '', owner_name: '', owner_email: '', owner_phone: '', owner_password: '' });
   const [otp, setOtp] = useState(['', '', '', '', '', '']);
   const [isLoading, setIsLoading] = useState(false);
   const [showPassword, setShowPassword] = useState(false);
@@ -185,6 +185,11 @@ export default function Register() {
               <input type="text" value={form.company_address} onChange={e => setForm({ ...form, company_address: e.target.value })} placeholder="Jl. Raya No. 123, Kota" required style={INPUT_STYLE} onFocus={onFocus} onBlur={onBlur} />
             </div>
 
+            <div>
+              <label style={{ display: 'block', fontSize: '11px', fontWeight: 700, letterSpacing: '0.1em', textTransform: 'uppercase', color: '#4a6d80', marginBottom: '8px', paddingLeft: '4px' }}>NPWP (Opsional)</label>
+              <input type="text" value={form.npwp} onChange={e => setForm({ ...form, npwp: e.target.value })} placeholder="Masukkan Nomor NPWP" style={INPUT_STYLE} onFocus={onFocus} onBlur={onBlur} />
+            </div>
+
             {/* Nama Bank + No Rekening — side by side */}
             <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '12px' }}>
               <div>